Убедитесь, что #bottom div очищает поля с абсолютным позиционированием

Question

http://jsfiddle.net/emcniece/u5Btt/3/

Как мне получить #bottom div для очистки абсолютно позиционированных div .child?

Я знаю, что там должно быть тысяча вопросов, подобных этому, я искал и пробовал что-то и не нашел решения. Легкие кредиты для кого-то ...

Answer 1

Абсолютно позиционированные элементы удаляются из потока документов. Поскольку ваши div .child абсолютно позиционированы, div #container обрабатывается так, как если бы он был пустым и свернутым.

Если вы явно добавите высоту к вашему #container div, вы сможете «очистить» #bottom div.

Answer 2

В HTML + CSS нет такой вещи, как очистка абсолютно или относительно позиционированных элементов. Очистка предметов только для поплавков. По определению, позиционированный элемент абсолютно не взаимодействует с позиционированием других элементов. Относительное позиционирование такое же, за исключением того, что точка смещения - это не начало координат (0,0), а точка, из которой оно изначально появляется.