Question

我需要内容div来填充＆＃39;屏幕的剩余部分在标题后留下。我想保留包装衬垫和＆amp;余量。使用绝对位置不起作用，因为内容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/

Answer 1

指定设置为内容div的100%的宽度和高度。

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

100%意味着它与周围元素的可用空间一样多。

或者，您可能只需要height或width 100%，具体取决于您的要求。

内部div填充屏幕的其余部分（受包装边距和填充限制）

1 个答案: