0

我有一个使用母版页的网站,所有页面都继承自该母版页。母版页使用样式表进行布局和感觉。基本布局是这里

<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%,这工作正常,但是当我尝试将高度设置为百分比时它只是加载的屏幕内容的高度。如果我将它设置为像素值,它将显示适合该设置的高度,但我希望它根据客户端窗口增长和缩小。

我四处搜索并尝试了最小高度设置和我通过护目镜找到的其他东西,但它们都没有奏效。

4

1 回答 1

0

您应该使用 jQuery 或 javascript 分配高度。

var browser_height = $(window).height();

$('.main').css({'height':browser_height});
于 2012-12-26T16:10:29.067 回答