html - div 是否也为自己占用空间？

Question

div我在这三个不同的div标签下使用标签进行了划分

IE

<div id="content">
     <div id="div1">
     </div>
     <div id="div2">
     </div>
     <div id="div3">
     </div>
</div>

我为它做了一个CSS

#content
{
   width:960px;
}
#div1,div2,div3
{
 width:318px;
 border-radius:10px;
 border:1px solid;
 float:left;
 margin-left:2px
}

现在我的问题是我div没有排成一行，如果我将宽度更改为315pxof div1，div2那么div3它将出现在单行上

即一个接一个。

谁能告诉我为什么会这样？

Answer 1

不要忘记边框（+2px）、边距和内边距。有边框的 div 是 320px 宽，所以除了边距或填充外，它还会溢出容器。

Answer 2

你试过改变吗

#div1,div2,div3

至

#div1,#div2,#div3

? 在我看来，它们出现在单行上。