css 两个div水平排列

在 CSS 中，可以使用 float 属性来实现两个 div 元素的水平排列。

    div class="left">
            这是左侧的 div 元素    /div>
        div class="right">
            这是右侧的 div 元素    /div>
    .left {
            float: left;
            width: 50%;
    }
        .right {
            float: right;
            width: 50%;
    }
    

在上述代码中，我们创建了两个 div 元素并设置了宽度为 50%，然后使用 float 属性来指定其在父元素中的位置。.left 元素使用 float: left，.right 元素使用 float: right。

这样就能让两个 div 元素水平排列，并且响应式地适应父元素的宽度。

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！