調整窗口上的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%;