الاستخدام الرائع للحد الأدنى للارتفاع في تخطيط CSS - يمكن أن يحدد الحد الأدنى للارتفاع الحد الأدنى لارتفاع BOX عندما يكون المحتوى صغيرًا، يمكن أيضًا الحفاظ على ارتفاع BOX ثابتًا، وسوف يمتد تلقائيًا إلى الأسفل إذا تجاوز الحد الأدنى. الارتفاع يمكنك ضبط الحد الأدنى لارتفاع الصندوق، عندما يكون هناك محتوى أقل، يمكنك الحفاظ على ارتفاع الصندوق عند مستوى معين، وإذا تجاوز الارتفاع، فسوف يمتد تلقائيًا إلى الأسفل. فقط Opera وMozilla يدعمانه. لقد بدأ IE7 أيضًا في دعمه، لكن IE7 في مرحلة الاختبار، وما إلى ذلك. قد يستغرق إصدار الإصدار الرسمي لعامة الناس وقتًا طويلاً ما لم تقم MS بتجميعه مع بعض نظام التشغيل، كيف يمكن استخدام الحد الأدنى للارتفاع بشكل معقول وفعال على الأساس الحالي (IE6 80-90%)؟
بافتراض وجود صندوقين، نحتاج أن يكون الحد الأدنى لارتفاعه 150PX.
CSS
هنا اقتباس:
وفيما يلي المحتوى المقتبس: شعبة.box1، شعبة.box2 { xhtml |
هنا اقتباس:
<div>لا يتم الحفاظ على الحد الأدنى للارتفاع عند 150 بكسل في IE</div>
<div>يمكن ضبط الحد الأدنى للارتفاع على الحد الأدنى لارتفاع BOX. عندما يكون المحتوى صغيرًا، يمكن أيضًا الحفاظ على ارتفاع BOX ثابتًا</div>
التأثير الحالي هو عدم الحفاظ على الحد الأدنى للارتفاع عند 150 بكسل في IE.
حل
تعيين ارتفاع لـ IE
هنا اقتباس:
* أتش تي أم أل div.box1، * أتش تي أم أل div.box2 {الارتفاع: 150px؛}
الحل الذي تقدمه Wellstyled.com هو استخدام محددات سمات CSS (محددات السمات)
هنا اقتباس:
div.box1,div.box2{......الارتفاع: 150 بكسل;}
/* يعتمد IE على هذا للحفاظ على الحد الأدنى من الارتفاع، وسوف يمتد تلقائيًا إلى الأسفل إذا تجاوزه */
div[class].box1,div[class].box2{الارتفاع: تلقائي؛}
/* كائن DIV مع سمة محدد الفئة (الفئة) */
وبطبيعة الحال، IE لا يدعم ذلك أوبرا وموزيلا يدعمان القراءة بهذا الارتفاع. المناسبات القابلة للتطبيق: البحث والمقالات والصفحات الأخرى (لا يتم استخدام ارتفاع 100%، بحيث عندما يكون المحتوى الموجود أقل، لن تكون الصفحة قصيرة جدًا).