960.gs - 这段代码使用 960 网格是否正确？

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 欧米茄类向下推并且不在前 4 列的水平面上。

Answer 1

我认为您对列之间的边距有疑问。删除此 div (id="footer_content")。您不需要它或删除此 div 的类定义...

或者创建一个新的 div 来包装 div id="footer_content" 的内部 div。

但是您始终可以使用 960.gs 站点上的生成器

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