css中怎么实现一个三栏布局-创新互联
css中怎么实现一个三栏布局，针对这个问题，这篇文章详细介绍了相对应的分析和解答，希望可以帮助更多想解决这个问题的小伙伴找到更简单易行的方法。
成都创新互联专业提供
绵阳机房托管服务，为用户提供五星数据中心、电信、双线接入解决方案，用户可自行在线购买
绵阳机房托管服务，并享受7*24小时金牌售后服务。
三栏布局，顾名思义就是两边固定，中间自适应。
三栏布局在实际的开发十分常见，比如淘宝网的首页，就是个典型的三栏布局：即左边商品导航和右边导航固定宽度，中间的主要内容随浏览器宽度自适应。
一、浮动布局
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;
}
三栏布局
