Pull to refresh
0
Karma
0
Rating
Алексей @ataran

User

Float'омания: разъяснение как работает css свойство float

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


1% отработает нормально, т.к. ие растягивает блоки в зависимости от контента даже если установлена конкретная высота, но только при условии если у родителя не будет заданна фиксированная высота.

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

Information

Rating
Does not participate
Location
Харьков, Харьковская обл., Украина
Date of birth
Registered
Activity