全宽div中心包装

Question

我发现这个帖子在这里回答了我的问题。我想问一个与这个帖子有关的问题，但我不确定如何评论该帖子...请原谅我的无知:)）

我按照勾选答案的说明进行操作。然后在我的内容div中我想要三个div，但当我向左浮动一个...我的背景颜色，他的内容div不会拉伸。所以它看起来像：

HTML：

<div id="content">

   <div class="wrapper">

<div id="content1></div>
<div id="content2></div>
<div id="content3></div>

   </div>
</div>

CSS：

#content 1 {
    width:300px;
    float:left;
}
#content 2 {
    width:300px;
    float:left;
}
#content 3 {
    width:300px;
    float:right;
}

在你了解我正在讨论的事情之前，我可能需要将你们链接到网站。但是它还没有在线，所以我只是觉得有人在使用这种包装类技术时可能会意识到浮点div左或右的问题？

科尔姆

Answer 1

我问的只是因为你没有提到它，但你是否在漂浮的div之后清除你的花车？确保你这样做：

<div style="clear: both;"></div>

或者你可以把：

overflow: hidden; width: 100%;

在包装div的style属性中。

尝试这些选项，看看它们是否适合您。