让两个DIV在同一行

时间:2023-04-12 阅读:280 评论:0 作者:xirui

如以下要将“第一个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>

 


本文链接: https://www.5240.net/?id=28 转载请注明出处!