0

我有以下 HTML 代码：

    <section id="content" class="grid_9">
      <div class="block-content grey-bg">
        <div class="container_12">
            <section class="grid_6 aa">
                ... lots of content ...
            </section>
            <section class="grid_6 aa">
                ... some content ...
            </section>
        </div>
      </div>
    </section>

当我在浏览器中查看时，由于我的 gray-bg 类而出现灰色背景，但它没有包含两个 grid_6 部分。实际上它的行为就像里面什么都没有。teo grid_6 部分的区域在灰色背景下方溢出。有人可以告诉我我做错了什么。对不起，我忘了提及我使用的是 960 网格系统。谢谢你。

4

3 回答 3

2

您需要确保您<div class="block-content grey-bg">包含所有的浮动。960.gs 通过在其container_#类上应用“clearfix”来做到这一点。如果您需要其他元素具有相同的行为，您可以手动将 960.gs 的clearfix类应用于该元素：

<div class="block-content grey-bg clearfix">
于 2013-01-02T13:58:34.040 回答
1

尝试clear: both为 block-content 或 gray-bg 类添加 css。

例如：

div.block-content {
    clear: both;
}
于 2013-01-02T13:51:23.037 回答
0

您在哪个浏览器上查看它。由于您使用的是 HTML5 标签，因此除非您声明它，否则它不会在 IE 上正确呈现。

干杯，

于 2013-01-02T14:01:37.490 回答