การใช้ความสูงขั้นต่ำในรูปแบบ CSS ที่ยอดเยี่ยม - ความสูงขั้นต่ำสามารถกำหนดความสูงขั้นต่ำของ BOX ได้ เมื่อเนื้อหามีขนาดเล็ก ความสูงของ BOX ก็สามารถคงที่ได้ และมันจะขยายลงโดยอัตโนมัติหากเกินค่าต่ำสุด ความสูงขั้นต่ำสามารถกำหนดความสูงขั้นต่ำของ BOX ได้เมื่อมีเนื้อหาน้อยสามารถรักษาความสูงของ BOX ไว้ที่ระดับหนึ่งได้ มีเพียง Opera และ Mozilla เท่านั้นที่รองรับ IE7 ก็เริ่มรองรับแล้ว แต่ IE7 อยู่ในขั้นตอนการทดสอบ ฯลฯ อาจใช้เวลานานกว่าที่เวอร์ชันอย่างเป็นทางการจะออกสู่สาธารณะทั่วไป เว้นแต่ MS จะรวมกลุ่มไว้ด้วย ระบบปฏิบัติการ ความสูงขั้นต่ำจะถูกนำมาใช้อย่างสมเหตุสมผลและมีประสิทธิภาพบนพื้นฐานที่มีอยู่ได้อย่างไร (IE6 80-90%)
สมมติว่ามีสอง BOX เราต้องมีความสูงขั้นต่ำเป็น 150PX
ซีเอสเอส
นี่คือคำพูด:
ต่อไปนี้เป็นเนื้อหาที่ยกมา: div.box1,div.box2{ xhtml |
นี่คือคำพูด:
<div>ความสูงขั้นต่ำไม่คงที่ที่ 150px ใน IE</div>
<div>ความสูงขั้นต่ำสามารถกำหนดความสูงขั้นต่ำของ BOX ได้ เมื่อเนื้อหามีขนาดเล็ก ความสูงของ BOX ก็สามารถคงที่ได้</div>
ผลกระทบในปัจจุบันคือความสูงขั้นต่ำไม่คงที่ที่ 150px ใน IE
สารละลาย
กำหนดความสูงของ IE
นี่คือคำพูด:
* html div.box1,* html div.box2{ความสูง: 150px;}
วิธีแก้ปัญหาของ wellstyled.com คือการใช้ตัวเลือกแอตทริบิวต์ CSS (ตัวเลือกแอตทริบิวต์)
นี่คือคำพูด:
div.box1,div.box2{......ความสูง: 150px;}
/* IE อาศัยสิ่งนี้เพื่อรักษาความสูงขั้นต่ำ และจะขยายลงด้านล่างโดยอัตโนมัติหากเกินความสูง */
div [คลาส] .box1, div [คลาส] .box2 {ความสูง: อัตโนมัติ;}
/* วัตถุ DIV พร้อมตัวเลือกคลาส (คลาส) แอตทริบิวต์ */
โดยปกติแล้ว IE ไม่รองรับ Opera และ Mozilla รองรับการอ่านความสูงนี้ โอกาสที่เกี่ยวข้อง: การค้นหา บทความ และหน้าอื่นๆ (ไม่ใช้ความสูง 100% ดังนั้นเมื่อเนื้อหาที่พบน้อย หน้าจะไม่สั้นเกินไป)