亚洲一区在线播放-欧美另类极品videosbest使用方法-亚洲成人av在线播放-黄色录像大片-色悠悠av-91欧美日韩-中文字幕偷拍-综合色婷婷一区二区亚洲欧美国产-一级爱爱片-黑人添美女bbb添高潮了-久久青娱乐-黄色一级视屏-美女国产在线-亚洲九九九九-欧美 日韩 国产 成人 在线观看-星空大象mv高清在线观看免费-国产福利合集-好吊色视频在线观看-尤物综合网-18岁成年人网站

html/css中兩個div在同一行

2016/9/20 8:45:41   閱讀:2066    發布者:2066

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

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