2013-02-05 32 views
-1

和我下的是三个不同的div标签do 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标签 师我div未排列成单排, 如果我将宽度更改为315pxdiv1div2,div3然后它将出现在单行上

即一个接一个地出现。

有人能告诉我为什么这样吗?

+1

增加您的主div的宽度 – Prashant16

+0

但为什么我的div不必占用空间 – Chanpreet

回答

0

你试图改变

#div1,div2,div3 

#div1,#div2,#div3 

? 它们出现在我的单行上。

+0

yaah我为了节省时间而单独放置在这里,我这样写。 – Chanpreet

+0

当我做到315是好的单排 – Chanpreet

0

不要忘记边框(+ 2px),边距和填充。边框div宽度为320px,因此除了边距或填充外,它还会溢出容器。

+0

是的,我已经转换为317,但仍然不在同一行。 – Chanpreet

+0

做边界半径还需要一些空间吗? – Chanpreet

相关问题