html/css 两个div在同一行

在界面设计的时候，经常需要将两个div在同一行显示。

但是每次都会忘记怎么做，特此随笔，备忘。

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

  /*外层div*/

   

第一个div

   

第二个div

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

  /*外层div*/

   

float:left;">第一个div

   

float:left;">第二个div

这样就可以了。很简单吧。