圣杯布局```html 1 ``` ```css .container { width: 100%; height: 2

  <div class="container">
    <div class="center">1</div>
    <div class="left"></div>
    <div class="right"></div>
  </div>

    .container {
      width: 100%;
      height: 200px;
      box-sizing: border-box; // 如果你设置了 width: 100% 这个一定要写
      padding-left: 150px;
      padding-right: 150px;
    }

    .center,.left,.right {
      float: left;
    }

    .center {
      width: 100%;
      background-color: orange;
      height: 100%;
    }

    .left {
      width: 150px;
      height: 100%;
      background-color: blueviolet;
      margin-left: -100%;
      position: relative;
      left: -150px;
    }

    .right {
      width: 150px;
      height: 100%;
      background-color: blueviolet;
      margin-left: -150px;
      position: relative;
      left: 150px;
    }