3. 左边使用负 margin，右边使用 float: left 给左边留出空间展示 - 在线编辑器

          <style>
  .main-wrapper,
  .sidebar {
    height: 200px;
    line-height: 200px;
    text-align: center;
  }

  .main-wrapper {
    float: left;
    width: 100%;
  }

  .main {
    margin-left: 210px;
    background-color: black;
    color: white;
  }

  .sidebar {
    float: left;
    width: 200px;
    margin-left: -100%;
    background-color: green;
  }
</style>

<div class="main-wrapper">
  <div class="main">右边自适应</div>
</div>
<div class="sidebar">左边固定宽度</div>

        