如何用DIV+CSS实现3栏布局（左右固定200pX，中间自适应）？

要实现一个三栏布局，其中左右两栏宽度固定为200px，中间一栏自适应，你可以使用CSS的浮动（float）或Flexbox布局。以下是两种方法的示例：

方法一：使用浮动（float）

HTML结构：

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

CSS样式：

.container {
    width: 100%;
    overflow: auto; /* 用于清除浮动 */
}

.left, .right {
    width: 200px;
    float: left;
    height: 500px; /* 示例高度，可根据需要调整 */
    background-color: #f0f0f0; /* 示例背景色，可根据需要调整 */
}

.center {
    height: 500px; /* 示例高度，可根据需要调整 */
    margin-left: 200px; /* 左侧栏宽度 */
    margin-right: 200px; /* 右侧栏宽度 */
    background-color: #e0e0e0; /* 示例背景色，可根据需要调整 */
}

方法二：使用Flexbox

HTML结构相同：

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

CSS样式：

.container {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
}

.left, .right {
    width: 200px;
    background-color: #f0f0f0; /* 示例背景色，可根据需要调整 */
}

.center {
    flex-grow: 1;
    background-color: #e0e0e0; /* 示例背景色，可根据需要调整 */
}

以上两种方法均可实现所需的三栏布局。你可以根据实际需求和个人喜好选择使用其中一种方法。