[分享]css中div分成左右两块

 <!-- HTML代码 -->
  <div class="wrapper">
    <div class="left">
      左边的内容...
    </div>
    <div class="right">
      右边的内容...
    </div>
  </div> 

这里我们使用了一个.wrapper的容器来包含整个左右两块的结构。并且分别使用了.left和.right两个类来分别代表左侧和右侧元素。

CSS中的样式如下：

 .wrapper {
    width: 100%;
    height: 100%;
  }

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

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

这里我们对.wrapper设定了宽高100%来使其占满整个屏幕。而对于左侧和右侧元素，我们使用了float属性来让它们左右浮动，同时设定了宽度为50%。

通过这些简单的CSS样式，我们就可以轻松地将一个div分成左右两块，从而实现更加多样化的页面布局。