让两个DIV在同一行

如以下要将“第一个div”和“第二个div”显示在同一行：

 <div id="id1">  /*外层div*/

<div id="id2" style="width:100px;height:20px;">第一个div</div>

<div id="id3" style="width:100px;height:20px;">第二个div</div>

</div>

只需要对id2和id3增加css样式即可，如下所示：

 <div id="id1">  /*外层div*/

<div id="id2" style="width:100px;height:20px;float:left;">第一个div</div>

<div id="id3" style="width:100px;height:20px;float:left;">第二个div</div>

</div>

转自：https://www.cnblogs.com/xiaobaodejimama/p/5885114.html

清除浮动参考：http://www.divcss5.com/jiqiao/j406.shtml