Высота блока

[Cod]

Здравствуйте.

Подскажите пожалуйста css свойство, которое поможет расстянуть блок по высоте, в котором вложены "плавующие" элементы.

Подробнее на скриншоте: http://itmages.ru/image/view/1430842/d7404e73

Код: http://jsfiddle.net/atemiks/sf4Gh/1/

 

[hypnocolor]

Задайте overflow: hidden для .main.

[npofopr]

или clearfix добавить

[da4ka]

.clearfix:after {
content: " "; /* Older browser do not support empty content */
visibility: hidden;
display: block;
height: 0;
clear: both;
}

И этот класс добавить блоку

[Temiks]

Задайте overflow: hidden для .main.

Спасибо, помогло!

или clearfix добавить

 

.clearfix:after {

content: " "; /* Older browser do not support empty content */

visibility: hidden;

display: block;

height: 0;

clear: both;

}

И этот класс добавить блоку

Думаю лучше сделать через "overflow: hidden", кода меньше та и псевдоэлемент :after поддерживается только с IE8+ 

Edited January 14, 2014 by Temiks

[npofopr]

 

Задайте overflow: hidden для .main.

Спасибо, помогло!

или clearfix добавить

 

.clearfix:after {

content: " "; /* Older browser do not support empty content */

visibility: hidden;

display: block;

height: 0;

clear: both;

}

И этот класс добавить блоку

Думаю лучше сделать через "overflow: hidden", кода меньше та и псевдоэлемент :after поддерживается только с IE8+ 

 

В вашем случае да. Но ситуации есть разные. 

Это просто как один из вариантов. 

[Vin]

Думаю лучше сделать через "overflow: hidden", кода меньше та и псевдоэлемент :after поддерживается только с IE8+

Для IE7, если нужен, можно добавить zoom: 1. Overflow: hidden менее универсален.

[Z1gnet]

Для IE7, если нужен, можно добавить zoom: 1.

все же zoom:1 невалидная запись. для ие7 можно, к примеру, задать ширину 100%.