Question

我一直在使用Compass和960.gs插件进行项目。到目前为止，它的效果非常好，只需很少的努力就可以在浏览器中看到几乎相同的结果。然而，我遇到了一个小问题。

我使用的div作为960的主网格容器在CSS中具有垂直平铺的背景。我需要这个背景一直延伸到浏览器视口的底部，但似乎960使用浮点数与此相冲突。

尽管容器的高度设置为100％，但是当未指定溢出时，背景仅延伸到屏幕的一部分。将溢出设置为隐藏修复它，但隐藏滚动条！

如何处理？我已经使用Webkit的检查器查看代码和DOM的问题，据我所知，没有什么可以导致这种行为。

它不在线且代码太大而无法在此处复制和粘贴，但我将在缩写的psuedocode中重新创建结构：

<html>
<head></head>
<body>
   <primary background div>
       <960 container div>
           <header div>Stuff</div>
           <main content div>More Stuff</div>
           <footer div></div>
       </div>
   </div>
</body>
</html>

我扫描过的CSS是没有问题的。我没有漂浮任何东西，我所做的最多的是小填充和边距......

Answer 1

没有实际代码很难判断，但阻止在100%延伸的先决条件是其中之一：

它的父级具有绝对设定高度（如100px等）。
或此块的所有父级，直到HTML代码必须为height: 100%。

所以，看看这个示例：http://jsfiddle.net/kizu/UvAxV/ - 框架悬停HTML和BODY得到height: 100%，包装也延伸到100%。< / p>

因此，在您的情况下，您必须确保HTML，BODY和“主要背景div”都具有height: 100%

无法获得960.gs网格容器以跨越完整的浏览器高度

1 个答案: