オーバーフローのdivのスクロールバー：自動とパーセンテージの高さ

ブラウザのサイズに合わせて調整可能なdivを作成することも可能ですが、スクロールすることもできます。 divに90％のパーセンテージの高さでoverflow：autoを使いたい。自動作業を知られているピクセルの高させずにどこかの階層に：オーバーフローの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>

がオーバーフローするのですか？

出典

2013-06-12 techdog

あなたの質問への答えは、イエスoverflow:autoは動作しますが、あなたにもHTMLタグにheight: 100%が必要になります。

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

と同じ高さの両方2つのdivを生み出すでしょうが、あなたのマークアップが構成されている方法ビューポートはもう一方の上に表示されます。それはあなたが意図したものですか？

ここにあなたの例を示すjsFiddleがあります。マークアップを微調整し、追加のコンテンツを追加して、必要に応じてコンテンツdivがオーバーフローするようにしました。

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

出典

2013-10-10 11:49:38

オーバーフローのdivのスクロールバー：自動とパーセンテージの高さ

答えて

関連する問題