我需要内容 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/