我想有一個DIV:DIV:全高+滾動
- 高度=所有availbale大小
- 垂直滾動我的內容
我可以做1)或2 ),但這兩個要求對我來說都不正確。
他是我的HTML:
<div class="FixedHeightContainer">
<div class="Content">
...
</div>
</div>
這裏是CSS:
.FixedHeightContainer
{
height: 100%;
padding:3px;
background:#f00;
}
.Content
{
height: 100%;
overflow:auto;
background:#fff;
}
這裏是的jsfiddle:https://jsfiddle.net/demas/9jLayt3v/
在這個版本的內容是更大然後可用高度(看底部爲紅色邊框)。
我可以設置height = 300px,在這種情況下,我將擁有正確工作的滾動條,但內容的高度對於所有屏幕尺寸都是相同的。
我該如何製作Content.Height =所有可用大小並滾動它的內容?
或者通過其他的話:我需要有紅色邊框等於瀏覽器的大小和滾動的紅色邊框
我沒有得到你..好像需要高度拉伸。 –
使用此:[小提琴](https://jsfiddle.net/9jLayt3v/3/) –