css - 子divの周りのCSSdiv境界

Question

1. コンテナdivが1つあり、その中に3つのdivが含まれています。
2. コンテナdivにborder：1pxの赤一色を書くと、borderはこれらの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

オーバーフローを追加：非表示;

#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

#cont要素にoverflow：hiddenを追加します