两个div如何并列 (转)

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

1

<div id="parent">

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

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

</div>

<style>

#parent{170px;}

#child_1{float:left;85px;}

#child_2{margin-left:auto;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="200px;">

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

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

</div>

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

原文地址:https://www.cnblogs.com/qq78292959/p/4236913.html