後續高度，自動調整父DIV的高度時，小孩div有一個較長的內容

Question

這裏是我的HTML - >http://aivan.info/

結構

<div id="wrapper"> 
    <div id="leftg"> 
    </div> 
    <div id="container"> 

     <div id="header"> 
     </div> 
     <div id="logo"> 
     </div> 
     <div id="navigation"> 
     </div> 
     <div id="body"> 
      <div id="bleft"> 
      </div> 

      <div id="bright"> 
      </div> 
     </div> 
    </div> 
    <div id="rightg"> 
    </div> 
</div> 

我想rightg和leftg跟隨包裝的高度，而我想包裝的高度適合身體的內容。我希望人體基於最低高度的內容是流暢的。

PS：應該是IE6，IE7，FF6兼容

Answer 1

在每個float元素之後添加一個帶有clear：both樣式屬性的額外div。刪除包裝和身體容器的所有高度屬性。

Answer 2

這是你想要什麼：http://www.alistapart.com/articles/fauxcolumns/？

Answer 3

這是一個非常普遍的問題，沒有很好的和明顯的解決方案。我認爲桌子是最好的選擇。做一些谷歌搜索，你會發現噸的各種實現。

一個訣竅是將左內右和maincontent放在左邊，它不會是正確的，但可以對它進行設計，使其看起來像兩邊的面板。這是假設主要內容將總是比面板更長，我想也有一些其他的怪癖。