Question

我有一个以屏幕为中心的主<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;
           }

Answer 1

使用min-height而不是height JsFiddle

$rsync_cmd = "rsync.exe -tvP root@192.168.1.2:/files/repo2 /repo2"
Invoke-Expression $rsync_cmd

if($LASTEXITCODE)
{
    # exit code from rsync was not 0
}

Answer 2

这里的问题是你正在尝试使用百分比作为身高。以下是另一篇SO文章，详细解释了为什么这不起作用。简短的回答，如果您使用像素或em / s / rem的高度它将起作用，但不是百分比。

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

CSS – why doesn’t percentage height work?

容器DIV在调整大小时伸展，但在滚动时不伸展

2 个答案: