两个div如何并列

两个div如何并列?当用到div+css代替table时,我习惯用两个方法:

1

<div id="parent">

<div id="child_1"></div>

<div id="child_2"></div>

</div>

<style>

#parent{width:170px;}

#child_1{float:left;width:85px;}

#child_2{margin-left:auto;width:85px;}

</style>

使用上面方法,可以构成<td></td><td></td>的效果,但是parent.width>child_1.width + child_2.width,如果child_1.width + child_2.width>=parent.width时则两列不能并列。我用此方法在ie6下是设parent的背景色接近child_1和child_2中间的接近颜色来消除间隔。总的来说,此方法我刚开始时经常用,但现在我用下面的方法。

2

<div style="width:200px;">

<div style="float:left; width:100px;"></div>

<div style="float:left;width:100px;"></div>

</div>

此方法可以在一个div里面放多个div,可以并列多个div,当然方法一也可以并列多个div.

你可能感兴趣的:(div)