我有一个网站使用母版页,所有页面都继承自该母版页。母版页使用样式表进行布局和感觉。基本布局是这样的
<html>
<body >
<form runat="server" >
<div class="page" >
<div class="header">
<div class="title">
</div>
<div class="main">
<asp:ContentPlaceHolder ID="MainContent" runat="server">
</asp:ContentPlaceHolder>
</div>
<div class="clear">
</div>
</div>
</div>
<div class="footer">
</div>
</form>
我的问题是我希望主 div 根据客户端窗口大小重新调整大小 在 .page 的 Css 中,我将宽度设置为 85%,这工作正常,但是当我尝试将高度设置为百分比时,它只是内容的高度是加载屏幕的高度。如果我将它设置为像素值,它将显示适合该设置的高度,但我希望它根据客户端窗口增长和收缩。
我四处搜索并尝试了最小高度设置和我通过护目镜找到的其他东西,但都没有用。
最佳答案
您应该使用 jQuery 或 javascript 分配高度。
var browser_height = $(window).height();
$('.main').css({'height':browser_height});
关于css - 使用CSS动态调整asp.net页面上的div,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14043061/