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

我认为这是因为你的立场：绝对的#content。有一个比我能提供的更好的解释here。

Answer 2

绝对定位，因此不属于正常流量。由于它不是正常流量的一部分，因此在计算其他元素的尺寸时会被忽略。