2
  1. 我有一个容器 div，其中包含 3 个 div。
  2. 当我为容器 div 写边框：1px 纯红色时，边框仅显示在这 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]
4

3 回答 3

3

添加溢出：隐藏；

#cont {width:800px;margin-right:auto;margin-left:auto; border:1px dashed red;padding:2px; overflow:hidden;}
于 2013-01-21T08:05:47.643 回答
0

add overflow:hidden to the #cont element

于 2013-01-21T08:09:01.057 回答
0

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

于 2013-01-21T08:06:07.620 回答