0

私はこのようなdivに基づくレイアウトを持っています:

<div id="master">
 <div id="header">Header</div>
 <div id="menu">Menu</div>
 <div id="content">Content</div>
 <div id="footer">Footer</div>
</div>`

すべて縦並び。

HTML、本体の高さは 100% マスター div と同じです。コンテンツ div を 100% に設定すると、展開されてスクロール バーが表示されます。

私の目標は、コンテンツ div を取得して残りを埋めることです。フッターを下に、ヘッダーとメニューを上に配置します。

私はこれを達成できないようです。

助けはありますか?

4

2 に答える 2

0

私はそれがあなたbodymarginまたはだと思いますpadding。それらをリセットしてみてください:

#master {padding-top: 0; padding-bottom: 0; overflow: auto;}

フィドル: http://jsfiddle.net/Cj8YV/1/

于 2013-09-08T20:00:26.907 に答える