两个div怎么并排显示
时间: 2023-09-08 14:12:14 浏览: 237
让两个Div并排显示的多种方法
5星 · 资源好评率100%
可以使用CSS中的float属性来让两个div并排显示。具体操作如下:
1. 给两个div设置宽度,确保它们能够在同一行显示。
2. 给第一个div添加float:left;属性,让它向左浮动。
3. 给第二个div添加float:right;属性,让它向右浮动。
4. 如果两个div之间需要有间隔,可以在第一个div的右侧或第二个div的左侧添加margin属性。
例如,HTML代码如下:
```
<div class="left">左侧的div</div>
<div class="right">右侧的div</div>
```
CSS代码如下:
```
.left {
width: 50%;
float: left;
}
.right {
width: 50%;
float: right;
}
```
这样,左侧的div和右侧的div就会并排显示在同一行。
阅读全文