div 是否也为自己占用空间？答案

【问题标题】：do div also take space for itself?div 是否也为自己占用空间？
【发布时间】：2013-02-05 10:27:40
【问题描述】：

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

即

<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 没有排成一行，如果我将宽度更改为div1、div2、div3 的315px，那么它将出现在一行上

即一个接一个。

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

【问题讨论】：

【解决方案1】：

你尝试过改变

#div1,div2,div3

到

#div1,#div2,#div3

？在我看来，它们出现在一行中。

【讨论】：

【解决方案2】：

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

【讨论】：