CSS实现三列布局（左右固定宽度，中间自适应）

要实现左右固定宽度，中间自适应的三列布局，可以使用CSS的flexbox或grid布局。以下是使用flexbox实现的示例：

HTML结构：

<div class="container">
  <div class="left">左侧内容</div>
  <div class="center">中间内容</div>
  <div class="right">右侧内容</div>
</div>

CSS样式：

.container {
   
  display: flex;
}

.left {
   
  width: 200px;  /* 左侧固定宽度 */
}

.center {
   
  flex: 1;  /* 中间自适应 */
}

.right {
   
  width: 200px;  /* 右侧固定宽度 */
}

在上述示例中，.container类应用了display: flex;来创建一个flex容器。左侧、中间和右侧的内容分别使用.left、.center和.right类进行定义。左侧和右侧列设置了固定的宽度，而中间列使用flex: 1;来占据剩余的可用空间，从而实现自适应布局。

通过这样的CSS样式，左右两列将具有固定的宽度，而中间列将根据可用空间自动调整其宽度，以适应剩余的空间。