<table> 标签用于展示行列数据，不适合用于布局。但是可以使用 display: table 来实现布局的效果。 - 在线编辑器

CSS 布局
实现CSS三栏自适应布局的5种方法
<table> 标签用于展示行列数据，不适合用于布局。但是可以使用 display: table 来实现布局的效果。

          <style>
  .container {
    height: 200px;
    line-height: 200px;
    text-align: center;
    display: table;
    table-layout: fixed;
    width: 100%;
  }

  .left,
  .right,
  .main {
    display: table-cell;
  }

  .left,
  .right {
    width: 100px;
    background: green;
  }

  .main {
    background: black;
    color: white;
    width: 100%;
  }
</style>

<div class="container">
  <div class="left">左边固定宽度</div>
  <div class="main">中间自适应</div>
  <div class="right">右边固定宽度</div>
</div>

        