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或仅width取决于100%您的要求。

于 2012-05-30T14:40:55.553 回答