0

ヘッダーの後に残った画面の残りを「埋める」には、コンテンツ div が必要です。ラッパーのパディングとマージンを維持したいと思います。コンテンツ div がラッパーで視覚的にネストされなくなるため、絶対位置の使用は機能しません。(ヘッダー div は、絶対に必要な場合は固定の高さにすることができますが、動的にすることをお勧めします。) どうもありがとう。

* { 
   margin:0px;
   padding:0px;
}

html, 
body { 
height: 100%;
}


#wrapper {
    background-color:#eee; 
    margin:20px; padding:20px;
    border: solid 1px #333;
}

#header {

}

#content {
     background-color:red;
}

.

<body>
<div id="wrapper">
    <div id="header">header</div>
    <div id="content">content</div>

</div>

</body>

ここでフィドル: http://jsfiddle.net/jHLhK/

4

1 に答える 1

0

100%コンテンツ div に設定された幅と高さを指定します。

#content {
     background-color:red;
     width:100%;
     height:100%;
}

これ100%は、周囲の要素から利用可能なスペースがある限り、それができることを意味します。

または、要件に応じて、必要なheightだけ、または必要な場合があります。width100%

于 2012-05-30T14:40:55.553 に答える