请说明实现网页三栏布局的常见技术方案，并比较它们的优缺点。

回答思路

1. 【回答框架 1】三栏布局通常指左右两栏宽度固定，中间栏自适应。常见实现方式包括浮动、定位、flex布局和grid布局。
2. 【回答框架 2】浮动布局通过左栏左浮动、右栏右浮动，中间栏设置margin左右留出空间实现，但需要注意清除浮动和中间栏的DOM顺序（一般放在最后）。
3. 【回答框架 3】定位布局通过将左右栏设置为绝对定位，固定在页面两侧，中间栏设置相应margin，实现简单，但左右栏脱离文档流，可能覆盖内容。
4. 【回答框架 4】flex布局通过设置容器display:flex，左右栏flex:0 0固定宽度，中间栏flex:1 自适应，代码简洁，但需注意兼容性（现代浏览器均支持）。
5. 【回答框架 5】grid布局通过设置容器display:grid，grid-template-columns: 固定宽度 1fr 固定宽度，实现最简洁直观，但兼容性需根据需求考虑。
6. 【关键点 1】常见方案：浮动、定位、flex、grid。
7. 【关键点 2】浮动需清除浮动，中间栏DOM需在最后。
8. 【关键点 3】定位简单但左右栏脱离文档流。
9. 【关键点 4】flex和grid代码简洁，现代浏览器支持好。
10. 【关键点 5】实际开发推荐flex或grid，兼容性要求高时用浮动。
11. 【易错点 1】浮动布局忘记清除浮动会导致父容器高度塌陷。
12. 【易错点 2】定位布局中左右栏可能覆盖中间内容，需确保中间栏有足够margin。
13. 【易错点 3】flex和grid在旧浏览器（如IE）中可能不兼容，需根据项目需求选择方案。