CSS div边界围绕子div

Question

1. 我有一个容器div，其中包含3个div。
2. 当我写边框时：1px为容器div的实心红色，边框仅显示在这3个子div的顶部，但不在它们周围。

3. 下面是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]

Answer 1

添加overflow：hidden;

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

Answer 2

<div style="clear:both;float:none;"></div>很好地解决了你的问题。将它添加到div的

下

Answer 3

将overflow：hidden添加到#cont元素