[分享]css两个div分别左右

<style>
    .left {
        float: left;
        width: 50%;
    }
    .right {
        float: right;
        width: 50%;
    }
</style>

<div class="left">
    <p>这是左边的 div。</p>
    <p>CSS 的 float 属性可以使元素左或右浮动。对于左右分列的布局，我们可以对两个 div 使用不同的 float 值，例如：</p>
    <p>左边的 div 使用 float: left;，宽度为 50%；右边的 div 使用 float: right;，宽度也为 50%。</p>
</div>

<div class="right">
    <p>这是右边的 div。</p>
    <p>除了使用 float 属性，我们还可以使用 flex 布局或者 grid 布局来实现左右分列的效果。</p>
</div> 

这是左边的 div。

CSS 的 float 属性可以使元素左或右浮动。对于左右分列的布局，我们可以对两个 div 使用不同的 float 值，例如：

左边的 div 使用 float: left;，宽度为 50%；右边的 div 使用 float: right;，宽度也为 50%。

这是右边的 div。

除了使用 float 属性，我们还可以使用 flex 布局或者 grid 布局来实现左右分列的效果。