css两个div放在同一行
时间: 2023-08-02 11:39:24 浏览: 98
两个div在同一行且不换行的两种方法
要让两个 div 放在同一行,可以使用 CSS 的 `display: inline-block;` 或 `float: left;` 属性。
使用 `display: inline-block;`:
```
<div style="display: inline-block;">div1</div>
<div style="display: inline-block;">div2</div>
```
使用 `float: left;`:
```
<div style="float: left;">div1</div>
<div style="float: left;">div2</div>
```
需要注意的是,使用 `float: left;` 时,可能需要清除浮动,以免影响后面的布局。可以在两个 div 的后面加上一个空的 div 并添加 `clear: both;` 属性来清除浮动:
```
<div style="float: left;">div1</div>
<div style="float: left;">div2</div>
<div style="clear: both;"></div>
```
阅读全文