使960网格布局达到100%高度

时间:2011-08-21 21:18:32

标签: css 960.gs

我正在使用960 CSS网格布局进行布局,并且无论内容有多少,我都无法将内容div一直延伸到底部。

我有高度:html和body标签都是100%。通常,内容div上的最小高度:100%可以工作,但960网格似乎不是这样。

有什么想法吗?

1 个答案:

答案 0 :(得分:3)

不确定这个答案是否仍然需要回答,但我今天遇到了同样的问题,正在处理wordpress模板并解决了问题。

您需要做的是在网格提供的container_12或container_16之前创建一个包装器。你不需要html或身体等于身高:100%。你甚至不需要包装器上的最小高度。

确保您的包装器没有设置高度或宽度,并将clearfix放在container_12或container_16上,它应该完全展开。

我正在使用我的wordpress模板。

  <div id="yourwrapper">
    <div class="container_12 clearfix">
      <div class="grid_12">

       <!-- YOUR CONTENT SHOULD BE COMPLETELY WRAPPED BY THE WRAPPER -->          

      </div>
      </div>
      </div>