html/css 兩個div在同一行

在介面設計的時候，常常需要將兩個div在同一行顯示。

但是每次都會忘記怎麼做，特此隨筆，備忘。

如以下要將「第一個div」和「第二個div」顯示在同一行：

  /*外層div*/

   

第一個div

   

第二個div

只需要在id2和id3增加css樣式即可，如下圖：

  /*外層div*/

   

float:left;">第一個div

   

float:left;">第二個div

這樣就可以了。很簡單吧。