Css 容器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; } .集装箱1 { 宽度：80%； 身高：100%； -网络工具包盒阴影：0px-1px 18px 1px rgba（0,0,0.75）； -莫兹盒阴影：0px-1px 18px 1px rgba（0,0,0.75）； 盒影：0px-1px18px1pxrgba（0,0,0,0.75）； 位置：绝对位置； 左：10%； 边界：1px； 顶部：0px； 边框样式：实心； 边框颜色：黑色； 背景图像：url（../img/albg.png）； 背景重复：无重复； 背景位置：继承； 背景尺寸：自动； z指数：-2； }

---

使用最小高度而不是高度

---

这里的问题是，你试图用一个百分比来表示身高。下面是另一篇SO文章，详细解释了为什么这不起作用。简短的回答如果你使用像素或em/rem的高度，它将工作，但不是百分比

如果父容器没有包装其子容器，则可能是因为您是浮动元素，在这种情况下，您可以使用overflow属性强制包装它。如果子元素被绝对定位，则它们不再被视为DOM中正常流的一部分，并且您将无法让父元素尊重其高度

---

最小高度的结果相同您是否删除了“高度：100%”规则？请看一下我的JSFIDDLE是的，我将其替换为最小高度值。也许问题出在我接下来的几部片子里？感谢您快速回复btware，这里有带浮点数或位置的子div:absolute？你能把孩子们的照片贴上去吗？

min-height:100%;
/* height:100%; */