столбцов игнорировать высоту его родители

Question

Проблемы заключается в том, что родитель div должен уважать текст height оба колонок (#col1 и #col2, каждый из которых использует float:left). Однако свойство высоты родителя (#content) действует так, как будто внутри не написан текст.

Код: http://jsfiddle.net/Arkl1te/UWNaT/

я мог вставить фиксированную высоту, но он не должен работать так: высота должна быть «гибкой» значение, даже с текстом.

Answer 1

Поскольку дети плывут у вас есть 2 варианта:

Добавить overflow: hidden; родителю уважать высоту детей:

#content{ 
    overflow: hidden; 
} 

Добавить пустой элемент с clear:both как последнего элемента:

<div id="content"> 
<p id="col1">...</p> 
<p id="col2">...</p> 
<div style="clear:both;"></div> 
</div>