div分左右两个div实现
时间: 2024-05-13 20:14:05 浏览: 240
可以使用CSS的flexbox布局来实现将一个div分为左右两个div。以下是一个示例代码:
HTML代码:
```html
<div class="container">
<div class="left">左侧内容</div>
<div class="right">右侧内容</div>
</div>
```
CSS代码:
```css
.container {
display: flex;
}
.left {
flex: 1;
}
.right {
flex: 1;
}
```
在上面的代码中,`.container`被设置为flex布局。`.left`和`.right`都设置为`flex: 1`,这将使它们平均分配`.container`的可用宽度。这将导致`.left`和`.right`平分`.container`的宽度,从而实现将一个div分为左右两个div的效果。
阅读全文