float и распорка на псевдоэлементе.

[Cei]

Существует классический уже метод сбрасывания обтекания, дабы избежать схлопывание по высоте родителя.

Речь о:

.clearfix:after{    content:'';    display:table;    clear:both;}

Нуу, это в случае без оглядки на IE7.

 

Собственно, два вопроса к знатокам:

1. Почему display:table; ? Логичнее привычное display:block; - так же работает. И глазу милее и не увеличивает Мировую Энтропию. Или я что-то не знаю и display:table; тут не просто так?
2. Почему часто в коде вижу двойное "сбрасывание обтекания"  ДО и ПОСЛЕ .clearfix:before, .clearfix:after {...}. Опять я что-то не знаю, или это обычная паранойя (лучше перебздеть, чем недобздеть)? И если была бы возможность использовать и ВМЕСТО, то использовали и её?

[DivMan]

clearfix:before, .clearfix:after {...}. это кому, как нравится.

[xzarxzes]

http://nicolasgallagher.com/micro-clearfix-hack/

[SelenIT]

Логичнее привычное display:block; - так же работает.

не работает.

 

не увеличивает Мировую Энтропию

display:table тоже ее не увеличивает (ну, почти). Для пустого элемента - однозначно не увеличивает.

 

двойное "сбрасывание обтекания" ДО и ПОСЛЕ

одиночное сбрасывание обтекания (после) + двойная отмена схлопывания margin-ов (до и после), требовалось для оглядки на IE7 (единообразия с действием zoom:1 там).

[Cei]

Спасибо за исчерпывающее объяснение. К сожалению "по-английски" поблагодарить пока не могу. Скилл "нравится" еще не откатился. Тему можно закрыть.

[SelenIT]

Не за что). Для еще большего прояснения разницы между разными способами борьбы с вываливанием float-ов из контейнера могу предложить этот материал