子div周围的CSS div边框 我有一个容器div，其中包含3个div 当我为container div写border:1px纯红色时，border只显示在这3个子div的顶部，而不显示在它们周围

下面是css代码

#cont {
    width:800px;
    margin-right:auto;
    margin-left:auto; 
    border:1px dashed red;
    padding:2px;
}
#third, #second, #first {
    width:260px;
    float:left;
    margin:2px;
}

Html代码：

![<div id="cont">
<div id="third"><p>A demo text </p></br>
<p>A demo text </p></br>
<p>A demo text </p></br>
<p>A demo text </p></br>
</div>

<div id="second"><p>A demo text </p></br>
<p>A demo text </p></br>
<p>A demo text </p></br>
<p>A demo text </p></br>
</div>

<div id="third"><p>A demo text </p></br>
<p>A demo text </p></br>
<p>A demo text </p></br>
<p>A demo text </p></br>
</div>
</div>][1]

！[
演示文本


演示文本


演示文本


演示文本


演示文本


演示文本


演示文本


演示文本


演示文本


演示文本


演示文本


演示文本


][1]

添加溢出：隐藏

#cont {width:800px;margin-right:auto;margin-left:auto; border:1px dashed red;padding:2px; overflow:hidden;}

---

我们会解决你的问题。将其添加到div的

添加溢出：隐藏到#cont元素下

添加到第三个div的下方：

，最有可能完成以下任务：右/左/两者。但是没有成功。谢谢它起作用了，你能解释一下吗…因为我对溢出的了解并不能解释这是怎么发生的。（溢出：控制可能从元素溢出的数据）那么是什么导致了溢出？这是规则，因为子元素使用浮动，所以必须删除浮动。这相当于

clearfix

.clearfix{*zoom:1}.clearfix:after{content:“.”高度：0；可见性：隐藏；显示：块；清除：两者}

um。是的，是的。谢谢你的信息。但我需要让我的孩子向左飘。（oops my requirement；3列布局）您需要将我给您的代码放在代码的最后一个div之前。为什么我看不见您的答案，就像您在@jrkey之前回答的那样。他们说IE6很烂，他们说是的。（我可以看到你的帖子在firefox中正确呈现）谢谢