El maravilloso uso de la altura mínima en el diseño CSS: la altura mínima puede establecer la altura mínima de un BOX. Cuando el contenido es pequeño, la altura del BOX también se puede mantener constante y se extenderá automáticamente hacia abajo si excede el mínimo. altura Puede establecer la altura mínima de una CAJA. La altura mínima, cuando hay menos contenido, puede mantener la altura de la CAJA en un cierto nivel. Si excede la altura, se extenderá automáticamente hacia abajo. solo Opera y Mozilla lo admiten. IE7 también ha comenzado a admitirlo, pero IE7 está en la etapa de prueba, etc. Puede llevar mucho tiempo lanzar la versión oficial al público en general, a menos que MS la incluya con un determinado. sistema operativo, ¿cómo se puede utilizar la altura mínima de manera razonable y efectiva sobre la base existente (IE6 80-90%)?
Suponiendo que hay dos BOX, necesitamos que su altura mínima sea 150PX.
CSS
Aquí hay una cita:
El siguiente es el contenido citado: div.cuadro1,div.cuadro2{ xhtml |
Aquí hay una cita:
El efecto actual es que la altura mínima no se mantiene en 150 px en IE.
solución
Establecer una altura para IE
Aquí hay una cita:
* html div.box1,* html div.box2{alto: 150px;}
La solución de wellstyled.com es utilizar selectores de atributos CSS (Attribute Selectors)
Aquí hay una cita:
div.box1,div.box2{......alto: 150px;}
/* IE se basa en esto para mantener una altura mínima y se extenderá automáticamente hacia abajo si la excede */
div[clase].box1,div[clase].box2{altura: auto;}
/* Objeto DIV con atributo selector de clase (clase) */
Naturalmente, IE no lo admite y Opera y Mozilla admiten la lectura a esta altura. Ocasiones aplicables: búsqueda, artículo y otras páginas (no se utiliza el 100% de altura, de modo que cuando el contenido encontrado sea menor, la página no será demasiado corta).