Html - div block 并清除 :both

Question

我有一个大块，这是它的 css:

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

还有另一个 block :

#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-block 改变高度时，content_part1 不会。为什么？

这是示例站点:已删除

Answer 1

我相信这是因为您的立场:#content 中的绝对立场。有比我能提供的更好的解释 here .