html中两个div并排显示
时间: 2023-09-08 17:12:17 浏览: 106
两个盒子无法并排显示-网页设计中CSS+DIV
要让两个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并排显示,具体选择哪一种取决于你的需求和实际情况。
阅读全文