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

标签 css asp.net

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

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

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

enter image description here

enter image description here

这是 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;

但它不起作用。

有什么建议吗?

最佳答案

这解决了我的问题:

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

关于css - 根据 ContentPlaceHolder 的大小增加 wrapper 的高度,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25250471/

相关文章:

jquery - 在 jQuery 中为各种 CSS 选择器创建单个函数更改

activex - 没有 Active X 的 IE 8 中的框阴影

css - 无法居中数据列表

asp.net - 系统未定义

c# - WebAPI PushStreamContent 远程主机关闭连接

javascript - 单击 <h1> 时展开 <p>

css - webkit 动画适用于 chrome 但不适用于 firefox

jquery - 应用 css 类打开下拉菜单

c# - 将参数传递给 ASP.NET Core 中的 jQuery 加载函数

c# - 可以使用 TimeZoneDisplayName 找到 TimeZoneById 吗?