css - 根据 ContentPlaceHolder 的大小增加 wrapper 的高度

Question

我在 asp.net 的母版页中有一个模板，我使用 ContentPlaceHolder。

我面临的问题是，如果 ContentPlaceHolder 大于包装器，那么 ContentPlaceHolder 中显示的信息将隐藏在页脚后面。

正如您在此图像中所见，空白区域是包装器。并且 TABS 结束线在页脚图像后面。但是，如果您查看第二张图片(信息显示在包装内)，一切看起来都很正常。

这是 CSS:

#wrapper {
overflow: hidden;
background-color: #FFFFFF
}

这是 asp.net 代码:

<div id="wrapper">
<div id="page" class="container">
    <asp:ContentPlaceHolder ID="ContentPlaceHolder1" runat="server">
                       <p>
                           &nbsp;</p>
                       <p>
                           <br />
                       </p>
                       <p>
                       </p>
                       <p>
                       </p>
                       <p>
                       </p>
                       <p>
                       </p>
                       <p>
                       </p>
                       <p>
                       </p>
                   </asp:ContentPlaceHolder>
    <div style="clear: both;">&nbsp;</div>
    </div>
    <!-- end #content -->
    <div style="clear: both;">&nbsp;</div>
</div>

这是容器的 css:

.container {
width: 999px;
margin: 0px auto;
height: 256px;
}

如果 ContentPlaceHolder 中的数据较大，我该如何增加包装器以增加包装器的高度？

我试着设置

height: auto;

但它不起作用。

有什么建议吗？

Answer 1

这解决了我的问题:

<div id="page" class="container" style ="height: auto;">