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

Question

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

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

有什么想法吗？

Answer 1

不确定这个答案是否仍然需要回答，但我今天遇到了同样的问题，正在处理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>