[分享]css两个div包围

元素包围在一起，使其能够合理地排版，并且能够达到最想要的呈现效果。这个时候，我们通常使用CSS来实现这个功能。

  .left{
            float: left;
            width: 50%;
        }
        .right{
            float: right;
            width: 50%;
        } 

以上是CSS样式代码，我们可以将两个元素分别定义为left和right，并且设置对应的浮动方式和宽度为50%。这意味着两个元素一个在左边，一个在右边，宽度各为50%。

接下来，我们可以在HTML中使用这个CSS样式，将这两个元素包围起来。

  <div class="wrapper">
            <div class="left">
                // 左边的内容
            </div>
            <div class="right">
                // 右边的内容
            </div>
        </div> 

通过HTML元素的嵌套，我们将两个元素包围在了wrapper中，使其达到了我们想要的效果。这样，在页面呈现的时候，左边的元素将会出现在右边的元素的左边。

当然，这只是其中一种实现方式，还存在其他的方法来完成这个功能，开发者可以根据自己的需求来选择使用。在不同的场景下，针对不同的元素组合方式，我们可以选择最合适的方法来进行排版，以期达到我们想要的布局效果。