html/css 兩個div在同一行

標籤：

在介面設計的時候，經常需要將兩個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>

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

html/css 兩個div在同一行