三列布局 css

实现如下图的三列布局:

javascript 复制代码
.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;
}
相关推荐
小李子呢02119 小时前
前端八股Vue---插槽
前端·javascript·vue.js
学习使我健康9 小时前
Android 事件分发机制
android·java·前端
众少成多积小致巨9 小时前
libbinder_ndk 入门指南
前端·c++·架构
小李子呢02119 小时前
前端八股Vue---自定义组件(控件)
前端·javascript·vue.js
用户52709648744909 小时前
微前端(qiankun)单侧启动调试技巧
前端
斌味代码10 小时前
jQuery 内存泄漏排查:常见场景、工具使用与修复实战
前端·javascript·jquery
weixin1997010801610 小时前
《爱回收商品详情页前端性能优化实战》
前端·性能优化
chenbin___10 小时前
鸿蒙(HarmonyOS)支持 useNativeDriver的详细说明(转自千问)
前端·javascript·react native·react.js·harmonyos
We་ct10 小时前
Git 核心知识点全解析
开发语言·前端·git·gitee·github
小兵阿飞10 小时前
Vite 技术介绍:实现原理、应用与优化
前端·vite