html - divもそれ自体のためにスペースを取りますか？

Question

そして私はdivその3つの異なる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が単一の行に配置されていないことです。幅を315pxのに変更すると、div1それは単一の行に表示されますdiv2div3

つまり、次々に。

なぜそうなのか誰か教えてもらえますか？

Answer 1

変えてみましたか

#div1,div2,div3

に

#div1,#div2,#div3

? それらは私には 1 行に表示されます。

Answer 2

ボーダー (+2px)、マージン、パディングを忘れないでください。ボーダー div は幅 320 ピクセルであるため、マージンまたはパディングに加えて、コンテナーからはみ出します。