容器DIV在调整大小时伸展，但不在滚动时伸展
我有一个以屏幕为中心的主DIV，高度是屏幕高度的总大小。 当我调整浏览器的大小时，它工作正常，但如果我在可见浏览器窗口下面有内容并需要向下滚动，则DIV将变为静态并假定其滚动时的大小。 在这里需要更改什么，以便容器DIV在滚动时正确调整大小？
.container1
{
width:80%;
height:100%;
-webkit-box-shadow: 0px -1px 18px 1px rgba(0,0,0,0.75);
-moz-box-shadow: 0px -1px 18px 1px rgba(0,0,0,0.75);
box-shadow: 0px -1px 18px 1px rgba(0,0,0,0.75);
position:absolute;
left:10%;
border:1px;
top:0px;
border-style:solid;
border-color:black;
background-image: url(../img/albg.png) ;
background-repeat:no-repeat;
background-position:inherit;
background-size:auto;
z-index:-2;
}
使用最小高度而不是高度JsFiddle
min-height:100%;
/* height:100%; */
这里的问题是，你正在尝试使用高度百分比。 下面是另一篇SO文章，详细解释了为什么这不起作用。 简短的回答如果你使用像素或em的/ rem的身高它会工作，但不是百分比。
如果你的父容器没有包装它的孩子，那可能是因为你是浮动元素，在这种情况下你可以使用溢出属性来强制它包装。 如果子元素被绝对定位，那么它们不再被认为是DOM中正常流的一部分，您将无法让父母尊重它的高度。
CSS - 为什么百分比高度不起作用？
链接地址: http://www.djcxy.com/p/89469.html上一篇: Container DIV stretches when resizing but not when scrolling