Question

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

<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的大小在Css for .page中我将宽度设置为85％并且这很好用，但是当我尝试将高度设置为百分比时，它只是内容的高度是加载的屏幕。如果我将其设置为像素值，它将显示该设置的高度，但我希望它根据客户端窗口增长和缩小。

我已经四处寻找并尝试了最小高度设置以及我通过护目镜找到的其他东西，但没有一个有效。

Answer 1

您应该使用jQuery或javascript指定高度。

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

$('.main').css({'height':browser_height});

使用CSS动态调整asp.net页面上的div

1 个答案: