c# - 如何使母版页中的 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 中的内容是 float 的，它不会环绕它。将 overflow:hidden; 或 overflow:auto; 添加到 .content CSS 声明中，以强制其随内容展开。