Question

<div id="footer">
<div class="container_16">
<div id="footer_title" class="grid_16"> history &nbsp; <a href="javascript:animatedcollapse.show('footer_content')"><img src="{$AltImagesDir}/collapse_down.gif" height="7" width="6" border="0" /> expand</a> &nbsp; | &nbsp; <a href="javascript:animatedcollapse.hide('footer_content')"><img src="{$AltImagesDir}/collapse_up.gif" height="7" width="6" border="0" /> collapse</a> </div>
<div class="clear"></div>
<div id="footer_content" class="grid_16">
  <div class="grid_4 alpha" id="f_left_content">Left Content Here</div>
  <div class="grid_3">1st Column Content Here</div>
  <div class="grid_3">2nd Column Content Here</div>
  <div class="grid_3">3rd Column Content Here</div>
  <div class="grid_3 omega">4th Column Content Here</div>
</div>
<div class="clear"></div>
<div id="footer_bottom" class="grid_16"><a href="#">About Us</a> &nbsp; &nbsp; <a href="#">Policies</a> &nbsp; &nbsp; <a href="#">Terms & Conditions</a> &nbsp; &nbsp; <a href="#">Help</a> &nbsp; &nbsp; <a href="#">Contact Us</a> </div>

最后一个grid_3 omega类向下推，并没有位于前4列的级别。

Answer 1

我认为你的colunms之间的边距有问题。删除此div（id =“footer_content”）。你不需要它或删除这个div的类定义...

或者创建一个包含div id =“footer_content”的内部div的新div。

但你可以随时在960.gs网站上使用Generator

顺便说一下：你的css定义中有边框吗？您必须删除所有边框，因为float是精确的，如果您使元素大于定义的框架，则会中断。

这个代码使用960网格是否正确？

1 个答案: