css并列两个div元素怎么操作
时间: 2024-02-06 16:26:15 浏览: 80
两个div如何并排一行具体该怎么实现
5星 · 资源好评率100%
可以使用 CSS 中的 float 属性将两个 div 元素并列。例如,如果想左右并列两个 div 元素,可以设置它们的 float 值为 left 和 right。
示例代码如下:
HTML:
```
<div class="container">
<div class="left">左侧内容</div>
<div class="right">右侧内容</div>
</div>
```
CSS:
```
.container {
overflow: hidden; /* 避免浮动元素溢出容器 */
}
.left {
float: left;
width: 50%; /* 左侧 div 元素占容器的一半宽度 */
}
.right {
float: right;
width: 50%; /* 右侧 div 元素占容器的一半宽度 */
}
```
这样就可以将左右两个 div 元素并列了。
阅读全文