综合一区-免费污视频-天天操综合网-又黄又爽的网站-日韩中文字幕一区二区三区-狠狠操狠狠-风间由美一区-自拍色图-久草热在线-椎名空在线-亚洲av无码国产精品久久-夜夜se-成人涩涩软件-国产精品第-亚洲自拍中文字幕-久草视频中文在线-日本黄页网站免费大全-双性人做受视频-中国一级免费毛片-三级黄片毛片

html/css中兩個(gè)div在同一行

2016/9/20 8:45:41   閱讀:2228    發(fā)布者:2228

在界面設(shè)計(jì)的時(shí)候,經(jīng)常需要將兩個(gè)div在同一行顯示。

但是每次都會(huì)忘記怎么做,特此隨筆,備忘。

如以下要將“第一個(gè)div”和“第二個(gè)div”顯示在同一行:

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

    <div id="id2" style="width:100px;height:20px;">第一個(gè)div</div>

    <div id="id3" style="width:100px;height:20px;">第二個(gè)div</div>

</div>

只需要對(duì)id2和id3增加css樣式即可,如下所示:

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

    <div id="id2" style="width:100px;height:20px;float:left;">第一個(gè)div</div>

    <div id="id3" style="width:100px;height:20px;float:left;">第二個(gè)div</div>

</div>

這樣就可以了。很簡(jiǎn)單吧。