均分文档

image.png

  1. <style>
  2.     * {
  3.       padding: 0;
  4.       margin: 0;
  5.     }
  6.     .box{
  7.         padding: 0 10px;
  8.     }
  9.     .wrapper {
  10.         margin-left: -10px; 
  11.     }
  12.     .item {
  13.       box-sizing: border-box;
  14.       border-left: 10px solid #fff;
  15.       width: 33.3%;
  16.       float: left;
  17.       border-bottom:0;
  18.     }
  19.     .item:nth-child(1) {
  20.       background: pink;
  21.     }
  22.     .item:nth-child(2) {
  23.       background: #ff0;
  24.     }
  25.     .item:nth-child(3) {
  26.       background: #f0f;
  27.     }
  28.   </style>
  29.   <div class="box">
  30.     <div class="wrapper">
  31.       <div class="item">1</div>
  32.       <div class="item">2</div>
  33.       <div class="item">3</div>
  34.     </div>
  35.   </div>