O maravilhoso uso da altura mínima no layout CSS - a altura mínima pode definir a altura mínima de uma BOX. Quando o conteúdo é pequeno, a altura da BOX também pode ser mantida constante e se estenderá automaticamente para baixo se exceder o mínimo. altura Você pode definir a altura mínima de uma CAIXA. A altura mínima, quando há menos conteúdo, pode manter a altura da CAIXA em um determinado nível, ela se estenderá automaticamente para baixo. apenas o Opera e o Mozilla o suportam. O IE7 também começou a apoiá-lo, mas o IE7 está em fase de testes, etc. Pode levar muito tempo para que a versão oficial seja lançada ao público em geral, a menos que a MS o inclua em um determinado pacote. sistema operacional, como a altura mínima pode ser usada de maneira razoável e eficaz na base existente (IE6 80-90%)?
Supondo que haja duas CAIXAS, precisamos que sua altura mínima seja 150PX.
CSS
Aqui está uma citação:
A seguir está o conteúdo citado: div.caixa1,div.caixa2{ xhtml |
Aqui está uma citação:
<div>A altura mínima não é mantida em 150px no IE</div>
<div>A altura mínima pode definir a altura mínima de uma BOX. Quando o conteúdo é pequeno, a altura da BOX também pode ser mantida constante</div>.
O efeito atual é que a altura mínima não é mantida em 150px no IE.
solução
Defina uma altura para o IE
Aqui está uma citação:
* html div.box1,* html div.box2{altura: 150px;}
A solução do wellstyled.com é usar seletores de atributos CSS (Seletores de Atributos)
Aqui está uma citação:
div.box1,div.box2{......altura: 150px;}
/* O IE depende disso para manter uma altura mínima e se estenderá automaticamente para baixo se exceder */
div[classe].box1,div[classe].box2{altura: auto;}
/* Objeto DIV com atributo seletor de classe (classe) */
Naturalmente, o IE não suporta esta altura. Ocasiões aplicáveis: pesquisa, artigo e outras páginas (não se utiliza 100% de altura, para que quando o conteúdo encontrado for menor a página não fique muito curta).