CSS，兒童的div和浮動

Question

我已經厭倦了這些類型的div :(工作

我有2周的div：

<div id="content"> 
    <div id="row_left"></div> 
    <div id="row_middle"></div> 
    <div id="row_right"></div> 
</div> 
<div id="bottom"></div> 

CSS：

#content { 
    overflow: hidden; width: 100%; 
} 

內容-div包括另外3個div，應該保持水平。

#row_left, #row_middle, #row_rifht { float: left; width: 33%; } 

麻煩的是底部div不保留指內容文本。它始終處於相同的位置，即使內容行文本結束。我該如何修復它？

Answer 1

嘗試增加與風格的內容後一個div：

clear: both; line-height: 0.1em; 

，把一個

 

它

Answer 2

嘗試

... 
<div id="bottom" style='clear:both'></div> 

Answer 3

如果您想在不增加外露的情況下清除漂浮物一個標記，把這個在你的CSS：

#content { zoom: 1; } 
#content:after { 
    clear: both; 
    display: block; 
    content: "."; 
    height: 0; 
    visibility: hidden; 
}