爲什麼我的容器div不像div裏面那麼大

Question

我有一個CSS問題。

<div id="middle"> 
     <div id="middle-left"> 
      <div id="middle-left-top"> 
       MLT 
      </div> 
      <div id="middle-left-bottom"> 
       MLB 
      </div> 
      <br class="clearFix"> 
     </div> 
     <div id="middle-right"> 
       MLR 
     </div> 
     <br class="clearFix"> 

</div><!-- #middle--> 

的例子是http://jsfiddle.net/Z2yeq/

我的問題是，爲什麼中間偏左不包含內部的兩個div？

我想左側中央的擴大，因爲中間左頂部和佈局的左側中央的底 獲得更高

感謝所有幫助

Answer 1

Absoloutely定位的元素不再是一部分。父母不知道孩子的項目有多大。

如果您希望父級像定位子項一樣大，需要使用JavaScript進行計算和設置。

一般來說，你不應該使用絕對定位佈局。你應該使用FLOATS。

Answer 2

它沒有的原因是因爲您將它設置爲position:absolute;刪除絕對位置以解決問題。

#middle-left{ 
    top: 0px; 
    left: 0px; 
    width: 800px; 
}