三列布局 css

本文主要是介绍三列布局 css，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

实现如下图的三列布局：

.box {width:1400px;margin:0 auto;padding-bottom:40px;> .left {float:left;width:180px;margin-top:100px;text-align:center;}> .center {float:left;margin-top:100px;margin-left:130px;item-box {float:left;text-align:left;margin-right:90px;}}.right {float:right;margin-top:100px;}
}
注意：
// 最外层的box壳子上要加去除浮动的样式
.clearfix :after{content:'';display:block;height:0;clear:both;visibility:hidden;
}

这篇关于三列布局 css的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！

---