Что блок с флотнутыми элементами внутри не схлопывался можно написать следующий код (кроссбраузерный) .container {
overflow:hidden; /* для нормальных браузеров */
height:1%; /* для IE */
}
1% отработает нормально, т.к. ие растягивает блоки в зависимости от контента даже если установлена конкретная высота, но только при условии если у родителя не будет заданна фиксированная высота.
Вместо overflow:hidden, что бы не обрезало элементы на абсолютах, можно воспользоватся хаком :after .container {
height:1%; /* для IE */
}
.container:after { /* для нормальных браузеров */
content:"";
display:block;
clear:both;
}
.container {
overflow:hidden; /* для нормальных браузеров */
height:1%; /* для IE */
}
1% отработает нормально, т.к. ие растягивает блоки в зависимости от контента даже если установлена конкретная высота, но только при условии если у родителя не будет заданна фиксированная высота.
Вместо overflow:hidden, что бы не обрезало элементы на абсолютах, можно воспользоватся хаком :after
.container {
height:1%; /* для IE */
}
.container:after { /* для нормальных браузеров */
content:"";
display:block;
clear:both;
}