2016-01-13 61 views
0

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

回答

0

使用最小高度,而不是高度 JsFiddle

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

结果是最小高度 –

+0

同你去掉了“高度:100%”的规则?请看看我的JsFiddle – NicolaPasqui

+0

是的,我用最小高度值替换它。也许问题出现在我后来的div中?感谢您的快速回复btw –