我使用 960 css 框架。问题是我试图在 3 列布局中使用完整的 960 宽度。所以我使用容器 16 并使用 3 个带网格的 div。第一个和最后一个网格我使用 alpha 和 omega 来删除左右装订线。它正在删除 alpha 排水沟,但不是 omega 排水沟。这是html:
<div class="container_16" id="section_body">
<div class="grid_3 alpha" style="background:red;">body left</div>
<div class="grid_10" style="background:green;">body</div>
<div class="grid_3 omega" style="background:blue;">body right</div>
</div>
部分正文的 css 是:
#section_body {
min-height:500px;
overflow:hidden;
background:#fff;
}
这是问题的屏幕截图,您可以看到最后一个蓝色的 div 并没有一直向右。我究竟做错了什么?
更新
我尝试删除除 960 css 和 3 个 div 之外的所有样式,但我仍然遇到同样的问题。无论如何,我都无法让它达到整个 960 像素的宽度。它只会走 940px 宽度。