Question

我有以下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>

当我在浏览器中查看时，由于我的灰色bg类而存在灰色背景，但它不包含两个grid_6部分。实际上它的行为就像里面根本没有任何东西。 teo grid_6部分的区域溢出灰色背景下方。有人能告诉我我做错了什么。对不起，我忘了提到我正在使用960网格系统。谢谢。

Answer 1

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

<div class="block-content grey-bg clearfix">

Answer 2

尝试将clear: both添加到block-content或gray-bg类的css中。

例如：

div.block-content {
    clear: both;
}

Answer 3

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

干杯，

如何让DIV包含两个内部部分？

3 个答案: