调整窗口上的html元素的大小调整大小

Question

几天前我发现了一个类似的问题，并且自那时起我一直试图实现其中一个建议，但没有取得成功。任何我有一个ASPx页面，而不是主，它有两个堆叠在一起的表格。我已经按照我想要的方式格式化了顶部。但是，我想让它适合窗口，或者更好，显示一个垂直滚动条。

我用溢流式包装了底部表格：auto;在CSS文件中。然后我用下面的脚本在页面来管理调整大小：

$(function() { 
     $('.tblContent table').css({ 'height': (($(window).height()) - 50) + 'px' }); 

     $(window).resize(function() { 
      $('.tblContent table').css({ 'height': (($(window).height()) - 50) + 'px' }); 
     }); 
    }); 

我的DIV的样子：

<div class="tblContent"> 

CSS文件包括：

.tblContent 
{ 
    overflow-style: auto; 
} 

Answer 1

我不是css的主人，但一定要给你的表一个特定的高度来引起溢出发生。

.tblContent 
{ 
    overflow: auto; 
    height : 400px; 
    display : block; 
} 

为什么显示：block;？因为我吸吮css，几乎所有东西都使用它。另外，我使用overflow：auto。我不确定溢出风格是什么，虽然它可能是正确的。

另外，既然我们在css中都很糟糕，下面是一个css参考链接。

http://www.w3schools.com/cssref/pr_pos_overflow.asp

Answer 2

为包含表的底部DIV（假设你想把它当作屏幕的50％，可以很明显的调整这一点。）：

overflow:auto; 
height:50%; 
width:100%; 

对表本身：

width:100%;