如何使母版页中的 div 高度在内容页中展开？

Question

我有一个母版页，它有一个 div 作为整个页面的边框。

我希望这个 div 根据内容页面中的内容展开。

怎么做呢？ 我没有问题在 div 中使用clear:none从母版页继承页面（即根本不使用母版页）。 但是，当我使用母版页时，div 不会扩展。

母版页中的当前代码：

<div class="page-border">
    <div class="header">
        HEADER</div>
    <div class="outer">
        <div class="content">
            <asp:ContentPlaceHolder ID="contentPlaceHolder" runat="server">
            </asp:ContentPlaceHolder>
        </div>
        <div class="banner">
            BANNER
    </div>
    <br style="clear:none"/>
</div>

编辑：我在下面添加了 CSS 类：

.page-border
{
    width: 1000px;
    padding: 10px;
    margin: 0px auto;
    border: 1px solid gray;
}

.outer
{
    float: left;
    padding: 0px;
    margin-right: 0px;
    margin-top: 10px;
    width: 986px;
    margin-left: 12px;
}

.content
{
    float: left;
    height: 503px;
    width: 779px;
    margin-bottom: 0px;
    margin-left: 2px;
}

Answer 1

如果包装div内的内容浮动，则不会环绕它。 添加overflow:hidden; 或overflow:auto; .content CSS声明以强制其随内容一起扩展。

Answer 2

如果不行，我们需要查看.content的样式规则

<div>
    <div class="content">
        <asp:ContentPlaceHolder ID="contentPlaceHolder" runat="server">
        </asp:ContentPlaceHolder>
        <div style='clear:both'></div>
    </div>
    <div class="banner">
         BANNER  
    </div>
    <br style="clear:none" />
</div>

一类的更新：

.content
{
    float: left;
    min-height: 503px;
    width: 779px;
    margin-bottom: 0px;
    margin-left: 2px;
}

Answer 3

我遇到了这个问题并溢出：自动； 为我工作。 非常感谢内特 B！