这篇文章主要介绍了css如何实现三栏布局，具有一定借鉴价值，感兴趣的朋友可以参考下，希望大家阅读完这篇文章之后大有收获，下面让小编带着大家一起了解一下。
在白塔等地区，都构建了全面的区域性战略布局，加强发展的系统性、市场前瞻性、产品创新能力，以专注、极致的服务理念，为客户提供
做网站、网站建设 网站设计制作
定制网站开发,公司网站建设,企业网站建设,
品牌网站建设,
成都全网营销推广,成都外贸网站建设,白塔网站建设费用合理。
前言
三栏布局，顾名思义就是两边固定，中间自适应。三栏布局在实际的开发十分常见，比如淘宝网的首页，就是个典型的三栏布局：即左边商品导航和右边导航固定宽度，中间的主要内容随浏览器宽度自适应。
我们不妨假定这样一个布局：高度已知，其中左栏、右栏宽度各为300px,中间自适应，可以通过几种方法来实现？以及各自的优缺点是什么？
本文源代码请猛戳三栏布局源码，欢迎star和fork
一、浮动布局
Layout
html * {
padding: 0;
margin: 0;
}
.layout article div {
min-height: 150px;
}
.layout.float .left {
float: left;
width: 300px;
background: red;
}
.layout.float .center {
background: yellow;
}
.layout.float .right {
float: right;
width: 300px;
background: blue;
}
三栏布局
