我有一个固定在页面顶部的div头部,其中包含一个嵌套的div。容器div的高度为70px,是一个固定的高度。
我希望嵌套的div的高度占据整个屏幕的100%,而不是容器div的高度。
这是我的代码:
<div class="header">
<div class="nested">Content</div>
</div>
我的CSS:
.header {
height: 70px;
width: 100%;
background-color: #ccc;
position: fixed;
left: 0;
top: 0;
display: block;
}
.nested {
display: block;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
overflow-x: visible;
overflow-y: auto;
background-color: #ddd;
}
如何将嵌套的div的高度设置为屏幕高度,而不是容器高度?