根据ContentPlaceHolder的大小增加包装器的高度

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;">