的Html - DIV塊和明確的：既

Question

我有一個大的塊，這裏是它的CSS：

#content_part1 
{ 
    margin: 0; padding: 0; 
    width: 1024px; 
    min-height: 544px; 
    background-image: url(../images/top.gif); 
    border: 1px solid green; 
} 

而另一塊在裏面：

#content 
{ 
    width: 942px; 
    margin-left: 41px; 
    position: absolute; 
    margin-top: 5px; 
    padding: 0; 
    height: 100%; 
    clear: both; 
    border: 1px solid red; 
} 

<div id="content_part1"> 
    <div id="content"></div> 
</div> 

當內容塊的變化高度，content_part1纔不是。爲什麼？

下面是示例站點：刪除

Answer 1

我相信這是因爲你的位置：在＃內容絕對的。有一個比我能提供的更好的解釋here。

Answer 2

它是絕對位置，因此不是正常流量的一部分。由於它不是正常流量的一部分，因此在計算其他元素的尺寸時將忽略它。