我在 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>
</p>
<p>
<br />
</p>
<p>
</p>
<p>
</p>
<p>
</p>
<p>
</p>
<p>
</p>
<p>
</p>
</asp:ContentPlaceHolder>
<div style="clear: both;"> </div>
</div>
<!-- end #content -->
<div style="clear: both;"> </div>
</div>
这是容器的 css:
.container {
width: 999px;
margin: 0px auto;
height: 256px;
}
如果 ContentPlaceHolder 中的数据较大,我该如何增加包装器以增加包装器的高度?
我试着设置
height: auto;
但它不起作用。
有什么建议吗?
最佳答案
这解决了我的问题:
<div id="page" class="container" style ="height: auto;">
关于css - 根据 ContentPlaceHolder 的大小增加 wrapper 的高度,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25250471/