div上的滾動條帶有溢出：自動和百分比高度

是否可以創建一個適應瀏覽器大小的div，也可以滾動。我想使用溢出：自動在div和百分比高度的90％。div上的滾動條帶有溢出：自動和百分比高度

頁面的結構是

<body style="height:100%"> 
<div id=header style="height:100%">headerinfo</div> 
<div id=content style="height:100%;overflow:auto">content which is replaced dynamically</div> 
</body>

會溢出：自動工作，而已知PX高度某處層次？

來源

2013-06-12 techdog

在回答你的問題，是overflow:auto會的工作，但你需要height: 100%上的HTML標籤，以及：

html,body {  
    height:100%; 
    margin: 0; 
} 
#header { 
    height: 100%; 
} 
#content { 
    height: 100%; 
    overflow: auto; 
}

您的標記，雖然結構會產生兩個div兩個高度相同的方式視口一個在另一個之上。這是你的意圖嗎？

如果是這樣，這裏是一個jsFiddle，說明你的例子。我已經調整了標記並添加了額外的內容，以便內容div可以根據需要進行溢出。

http://jsfiddle.net/chrissp26/WsNjm/

來源

2013-10-10 11:49:38

div上的滾動條帶有溢出：自動和百分比高度

回答

相關問題