html中两个div并排显示
时间: 2023-09-08 19:12:17 浏览: 104
让两个Div并排显示的多种方法
5星 · 资源好评率100%
要让两个div并排显示,可以使用CSS的float属性或者display属性。
1. 使用float属性:
HTML代码:
```
<div class="left">左侧内容</div>
<div class="right">右侧内容</div>
```
CSS代码:
```
.left {
float: left;
width: 50%;
}
.right {
float: right;
width: 50%;
}
```
2. 使用display属性:
HTML代码:
```
<div class="container">
<div class="left">左侧内容</div>
<div class="right">右侧内容</div>
</div>
```
CSS代码:
```
.container {
display: flex;
}
.left {
width: 50%;
}
.right {
width: 50%;
}
```
以上两种方法都可以让两个div并排显示,具体选择哪一种取决于你的需求和实际情况。
阅读全文