วิธีใช้สคริปต์เพื่อควบคุมการตั้งค่าการปรับความสูงของ div ด้วย 3 แถวและ 3 คอลัมน์ จริงๆ แล้ว ไม่จำเป็นต้องยุ่งยากขนาดนั้น เพียงตั้งค่าความสูงคงที่สำหรับ div ระดับบนสุด เช่น 10px และ ความสูงของ div ลูก: 100% เพื่อให้สามารถปรับความสูงได้ หากคุณไม่เชื่อ โปรดดูโค้ด:
<head>
<style>
ร่างกาย {
ตระกูลฟอนต์: arial, helvetica, sans-serif;
สี: สีดำ;
ระยะขอบ: 5px;
พื้นหลัง:#ffc url(d:/8767a.gif) ทำซ้ำ-y;
ช่องว่างภายใน: 0;
แบบอักษร:12px;
การเว้นวรรคตัวอักษร:1px;
การจัดตำแหน่งข้อความ: กึ่งกลาง;
แบบอักษร:120%;
-
ul
-
รายการสไตล์ประเภท: สี่เหลี่ยม;
รายการสไตล์ภาพ: url (d:/8767a.gif);
รายการสไตล์ตำแหน่ง: ภายใน;
-
ลี้
-
ขอบ: 1px ทึบสีเขียว;
เส้นขอบกว้าง: 0px 0px 1px 0px;
เคอร์เซอร์:รอ;
-
.อินไลน์
-
จอแสดงผล: บล็อก;
-
.div
-
paddin-ด้านบน:-40px;
-
.maxfont
-
ขนาดตัวอักษร:180%;
-
#ส่วนหัว
-
พื้นหลัง:สีเทา;
ระยะขอบ:2px 0px;
ความกว้าง:790px;
-
#ซ้าย
-
พื้นหลัง:#ffef0;
ลอย:ซ้าย;
ความกว้าง:195px;
ความสูง:100%;
}
#กลาง
-
พื้นหลัง:#ffaae0;
ลอย:ซ้าย;
ความกว้าง:390px;
ระยะขอบ:0px 5px;
ความสูง:100%;
}
#ขวา
-
พื้นหลัง:#ffaaaa;
ลอย:ซ้าย;
ความกว้าง:195px;
ความกว้าง:-10px;
ความสูง:100%;
-
#ส่วนท้าย
-
พื้นหลัง:#ffaa11;
ชัดเจน:ทั้งสอง;
ความกว้าง:790px;
ระยะขอบ:1px 0px;
}
#ซ้าย,#กลาง,#ขวา
-
การจัดแนวข้อความ: ซ้าย;
เยื้องข้อความ:24px;
}
#เนื้อหา
-
ระยะขอบ:0px อัตโนมัติ;
ความกว้าง:790px;
ความสูง:400px;
}
</สไตล์>
</หัว>
<ร่างกาย>
<div style="display:none">
บ่ายนี้
<ul class="อินไลน์">
<li>
<p class="div">โหมดปกติ</p>
<p class="maxfont">ssss</p>
<p>อัฟ</p>
<bffff>
</li>
<li>บทช่วยสอน XHTML ของเมืองแห่งความฝัน</li>
<li>บทช่วยสอน CSS ของเมืองในฝัน</li>
<li>บทช่วยสอน JAVASCRIPT เมืองในฝัน</li>
</ul>
</div>
<div style="display:none">
ผู้เสียชีวิต
<ul>
<li>วี จีเอ็มเอ เอ</li>
<li>ddd dkdkdkd</li>
</ul>
</div>
<div id="ส่วนหัว">
<h1>สคริปต์ควบคุมเค้าโครง DIV ความสูงที่ปรับได้สามแถวและสามคอลัมน์</h1>
</div>
<div id="content">
<div id="left">การเข้าถึงไม่ได้เกี่ยวกับคนตาบอดและโปรแกรมอ่านหน้าจอเท่านั้น ยังมีคนอีกจำนวนมากที่ไม่ได้ตาบอดแต่มี
ความบกพร่องทางการมองเห็น และคุณและฉันจะกลายเป็นหนึ่งในนั้นเมื่อเราอายุมากขึ้น วิธีที่ง่ายที่สุดวิธีหนึ่งในการทำให้เว็บไซต์เป็นมิตรกับผู้ใช้มากขึ้นคือการอนุญาตให้ผู้ใช้เปลี่ยน
ขนาดข้อความ การปฏิเสธที่จะเสนอตัวเลือกดังกล่าวจะทำให้ผู้ใช้ควบคุมไม่ได้ และอาจขัดขวางไม่ให้ผู้ใช้อ่านได้อย่างสะดวกสบาย
การเข้าถึงไม่ได้เกี่ยวกับคนตาบอดและโปรแกรมอ่านหน้าจอเท่านั้น
ยังมีคนอีกจำนวนมากที่ไม่ได้ตาบอดแต่มีความบกพร่องทางการมองเห็น และคุณและฉันจะกลายเป็นหนึ่งในนั้น
เมื่อเราอายุมากขึ้น
วิธีที่ง่ายที่สุดวิธีหนึ่งในการทำให้เว็บไซต์เป็นมิตรกับผู้ใช้มากขึ้นคือการอนุญาตให้ผู้ใช้เปลี่ยนขนาดข้อความ การปฏิเสธที่จะเสนอ
ตัวเลือกดังกล่าวจะทำให้ผู้ใช้ควบคุมไม่ได้ และอาจขัดขวางไม่ให้ผู้ใช้อ่านได้อย่างสะดวกสบาย
</div>
<div id="middle">การเข้าถึงไม่ได้เป็นเพียงเกี่ยวกับคนตาบอดและโปรแกรมอ่านหน้าจอเท่านั้น ยังมีคนอีกจำนวนมากที่ไม่ได้ตาบอดแต่มีความบกพร่อง
ทางการมองเห็น
และคุณและฉันจะกลายเป็นหนึ่งในนั้นเมื่อเราอายุมากขึ้นวิธีที่ง่ายที่สุดวิธีหนึ่งในการทำให้เว็บไซต์เป็นมิตรกับผู้ใช้มากขึ้นคือการอนุญาตให้ผู้ใช้
เปลี่ยน
ขนาดข้อความ การปฏิเสธที่จะเสนอตัวเลือกดังกล่าวจะทำให้ผู้ใช้ควบคุมไม่ได้ และอาจขัดขวางไม่ให้ผู้ใช้อ่านได้อย่างสะดวกสบายหากนักออกแบบระบุขนาดข้อความเป็นพิกเซล ผู้ใช้ส่วนใหญ่จะไม่สามารถปรับขนาดข้อความได้เนื่องจาก Internet Explorer
เปลี่ยน
ขนาดข้อความแตกต่างจากเบราว์เซอร์อื่นๆMozilla และ Opera สามารถปรับขนาดข้อความที่ตั้งค่าเป็นขนาดพิกเซลได้ แต่
IE ใน Windows ไม่สามารถทำได้
การเข้าถึงไม่ได้เกี่ยวกับคนตาบอดและโปรแกรมอ่านหน้าจอเท่านั้น
ยังมีคนอีกจำนวนมากที่ไม่ได้ตาบอดแต่มีความบกพร่องทางการมองเห็น และคุณและฉันจะกลายเป็นหนึ่งในนั้น
เมื่อเราอายุมากขึ้น
วิธีที่ง่ายที่สุดวิธีหนึ่งในการทำให้เว็บไซต์เป็นมิตรกับผู้ใช้มากขึ้นคือการอนุญาตให้ผู้ใช้เปลี่ยนขนาดข้อความ การปฏิเสธที่จะเสนอ
ตัวเลือกดังกล่าวจะทำให้ผู้ใช้ควบคุมไม่ได้ และอาจขัดขวางไม่ให้ผู้ใช้อ่านได้อย่างสะดวกสบาย
หากนักออกแบบระบุขนาดข้อความเป็นพิกเซล ผู้ใช้ส่วนใหญ่จะไม่สามารถปรับขนาดข้อความได้เนื่องจาก Internet Explorer
เปลี่ยน
ขนาดข้อความแตกต่างจากเบราว์เซอร์อื่นๆMozilla และ Opera สามารถปรับขนาดข้อความที่มีขนาดเป็นพิกเซลได้ แต่
IE ใน Windows ไม่สามารถทำได้ หากนักออกแบบใช้พิกเซลเพื่อระบุขนาดข้อความ ผู้ใช้ส่วนใหญ่จะไม่สามารถปรับขนาดข้อความได้เนื่องจาก Internet Explorer
เปลี่ยน
ขนาดข้อความในลักษณะเดียวกันแตกต่างกัน Mozilla และ Opera สามารถปรับขนาดข้อความที่ตั้งค่าเป็นขนาดพิกเซลได้ แต่
IE ใน Windows ไม่สามารถทำได้
การเข้าถึงไม่ได้เกี่ยวกับคนตาบอดและโปรแกรมอ่านหน้าจอเท่านั้น
ยังมีคนอีกจำนวนมากที่ไม่ได้ตาบอดแต่มีความบกพร่องทางการมองเห็น และคุณและฉันจะกลายเป็นหนึ่งในนั้น
เมื่อเราอายุมากขึ้น
วิธีที่ง่ายที่สุดวิธีหนึ่งในการทำให้เว็บไซต์เป็นมิตรกับผู้ใช้มากขึ้นคือการอนุญาตให้ผู้ใช้เปลี่ยนขนาดข้อความ การปฏิเสธที่จะเสนอ
ตัวเลือกดังกล่าวจะทำให้ผู้ใช้ควบคุมไม่ได้ และอาจขัดขวางไม่ให้ผู้ใช้อ่านได้อย่างสะดวกสบาย
หากนักออกแบบระบุขนาดข้อความเป็นพิกเซล ผู้ใช้ส่วนใหญ่จะไม่สามารถปรับขนาดข้อความได้เนื่องจาก Internet Explorer
เปลี่ยน
ขนาดข้อความแตกต่างจากเบราว์เซอร์อื่นๆMozilla และ Opera สามารถปรับขนาดข้อความที่มีขนาดเป็นพิกเซลได้ แต่
IE ใน Windows ไม่สามารถทำได้ หากนักออกแบบใช้พิกเซลเพื่อระบุขนาดข้อความ ผู้ใช้ส่วนใหญ่จะไม่สามารถปรับขนาดข้อความได้เนื่องจาก Internet Explorer
เปลี่ยน
ขนาดข้อความในลักษณะเดียวกันแตกต่างกัน Mozilla และ Opera สามารถปรับขนาดข้อความที่ตั้งค่าเป็นขนาดพิกเซลได้ แต่
IE ใน Windows ไม่สามารถทำได้
การเข้าถึงไม่ได้เกี่ยวกับคนตาบอดและโปรแกรมอ่านหน้าจอเท่านั้น
ยังมีคนอีกจำนวนมากที่ไม่ได้ตาบอดแต่มีความบกพร่องทางการมองเห็น และคุณและฉันจะกลายเป็นหนึ่งในนั้น
เมื่อเราอายุมากขึ้น
วิธีที่ง่ายที่สุดวิธีหนึ่งในการทำให้เว็บไซต์เป็นมิตรกับผู้ใช้มากขึ้นคือการอนุญาตให้ผู้ใช้เปลี่ยนขนาดข้อความ การปฏิเสธที่จะเสนอ
ตัวเลือกดังกล่าวจะทำให้ผู้ใช้ควบคุมไม่ได้ และอาจขัดขวางไม่ให้ผู้ใช้อ่านได้อย่างสะดวกสบาย
หากนักออกแบบระบุขนาดข้อความเป็นพิกเซล ผู้ใช้ส่วนใหญ่จะไม่สามารถปรับขนาดข้อความได้เนื่องจาก Internet Explorer
เปลี่ยน
ขนาดข้อความแตกต่างจากเบราว์เซอร์อื่นๆMozilla และ Opera สามารถปรับขนาดข้อความที่ตั้งค่าเป็นขนาดพิกเซลได้ แต่
IE ใน Windows ไม่สามารถทำได้
</div>
<div id="right">การเข้าถึงไม่ได้เป็นเพียงเกี่ยวกับคนตาบอดและโปรแกรมอ่านหน้าจอเท่านั้น ยังมีคนอีกจำนวนมากที่ไม่ได้ตาบอดแต่มีความบกพร่อง
ทางการมองเห็น
และคุณและฉันจะกลายเป็นหนึ่งในนั้นเมื่อเราอายุมากขึ้นวิธีที่ง่ายที่สุดวิธีหนึ่งในการทำให้เว็บไซต์เป็นมิตรกับผู้ใช้มากขึ้นคือการอนุญาตให้ผู้ใช้
เปลี่ยน
ขนาดข้อความ การปฏิเสธที่จะเสนอตัวเลือกดังกล่าวจะทำให้ผู้ใช้ควบคุมไม่ได้ และอาจขัดขวางไม่ให้ผู้ใช้อ่านได้อย่างสะดวกสบาย</div>
</div>
</div>
<div id="footer"> ยินดีต้อนรับสู่: www.devdao.com</div >
</body>