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

我有一个使用所有页面继承的主页面的网站。主页使用样式表进行布局和感觉。基本布局是这样的使用CSS动态调整asp.net页面上的div

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

我有四处搜寻，并尝试了最小高度设置和其他我通过护目镜找到的东西，但他们都没有工作。

来源

2012-12-26 Luckbox72

你应该用jQuery或javascript来指定高度。

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

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

来源

2012-12-26 16:10:29

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

回答

相关问题