包含分區行爲不正確。當兒童的div浮動

這個問題是關係到another question I asked 包含分區行爲不正確。當兒童的div浮動

基本上，我有2周水平排列的div。無論坐了一個名爲「.Parent」分區裏面，這樣的結構是這樣的：

<div class="Parent"> 
    <div style="float:right"> 
     <span>source list</span> 
     <select size="10"> 
      <option /> 
      <option /> 
      <option /> 
     </select> 
    </div> 

    <div style="float:left"> 
     <span>dest list</span> 
     <select size="10"> 
      <option /> 
      <option /> 
      <option /> 
     </select> 
    </div> 

    <div style="clear:both; font-size:1px;"></div> 

</div>

的問題是父DIV一個又一個DIV叫#main內部存在。 #main有一個白色背景，可以將我所有的內容都畫出來。

在我將浮動塊添加到.Parent裏面的div之前，一切都很好，因爲包含的Div將白色背景壓縮到合適的大小。但是現在divs是浮動的，它們不會推動＃main的白色背景。

任何人都可以建議如何讓＃主要承認它應該延伸到的大小？我應該採取不同的方式嗎？

感謝

戴夫

來源

2010-03-10 DaveDev

有什麼我們可以看到的現場？這將有助於:)！ – Younes 2010-03-10 14:30:19

給你#main overflow:hidden;和optionall clear:both;

來源

2010-03-10 14:29:51

...一旦完成，小「清晰：兩個」div可能不再是必要的。 – Pointy 2010-03-10 14:30:56

其實，他們是正確的行爲和家長的div永遠不會擴大到包含浮動元素。正如其他答案所顯示的那樣，Google可以爲「清除浮動」提供更多解釋以及如何執行此操作的示例。

來源

2010-03-10 14:43:59 Rob

包含分區行爲不正確。當兒童的div浮動

回答

相關問題