Замечательное использование минимальной высоты в макете CSS — минимальная высота может устанавливать минимальную высоту BOX. Когда содержимое небольшое, высоту BOX также можно поддерживать постоянной, и она автоматически будет увеличиваться вниз, если она превышает минимум. Высота. Вы можете установить минимальную высоту BOX. Минимальная высота, когда содержимого меньше, может поддерживать высоту BOX на определенном уровне. Если она превышает высоту, она автоматически выдвигается вниз. его поддерживают только Opera и Mozilla. IE7 также начал его поддерживать, но IE7 находится на стадии тестирования и т. д. Выпуск официальной версии для широкой публики может занять много времени, если MS не объединит ее с определенной версией. операционной системы, как можно разумно и эффективно использовать минимальную высоту на существующей базе (IE6 80-90%)?
Предполагая, что есть два BOX, нам нужна его минимальная высота 150PX.
CSS
Вот цитата:
Ниже приводится цитируемое содержание: div.box1, div.box2{ xhtml |
Вот цитата:
<div>Минимальная высота в IE не поддерживается на уровне 150 пикселей</div>
<div>Минимальная высота позволяет задать минимальную высоту BOX. Если содержимое небольшое, высоту BOX также можно оставить постоянной</div>
Текущий эффект заключается в том, что минимальная высота не поддерживается на уровне 150 пикселей в IE.
решение
Установите высоту для IE
Вот цитата:
* html div.box1,* html div.box2{высота: 150 пикселей;}
Решение wellstyled.com — использовать селекторы атрибутов CSS (селекторы атрибутов).
Вот цитата:
div.box1,div.box2{......высота: 150 пикселей;}
/* IE использует это для поддержания минимальной высоты и автоматически расширяется вниз, если она превышает ее */
div[класс].box1,div[класс].box2{высота: авто;}
/* Объект DIV с атрибутом селектора класса (класса) */
Естественно, IE не поддерживает чтение такой высоты. Применимые случаи: поиск, статьи и другие страницы (высота 100% не используется, поэтому, когда найденного контента меньше, страница не будет слишком короткой).