码迷,mamicode.com
首页 > Web开发 > 详细

html/css 两个div在同一行

时间:2016-09-19 15:39:39      阅读:138      评论:0      收藏:0      [点我收藏+]

标签:

在界面设计的时候,经常需要将两个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在同一行

标签:

原文地址:http://www.cnblogs.com/xiaobaodejimama/p/5885114.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!