三列布局 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;
}
相关推荐
命运之光36 分钟前
【最新】ChromeDriver最新版本下载安装教程,ChromeDriver版本与Chrome不匹配问题
前端·chrome
星离~2 小时前
Vue响应式原理详解:从零实现一个迷你Vue
前端·javascript·vue.js
梦6503 小时前
React 简介
前端·react.js·前端框架
一只小阿乐3 小时前
react 中的判断显示
前端·javascript·vue.js·react.js·react
光影少年3 小时前
useMemo 和 React.memo区别
前端·react.js·前端框架
小沐°3 小时前
React-页码组件
前端·javascript·react.js
零一科技3 小时前
Vue3学习第三课: ref 与 reactive 选择指南
前端·vue.js
余杭子曰4 小时前
播放状态与播放序列的关系(999篇一线博客第107篇)
前端
e***U8205 小时前
前端路由懒加载实现,React.lazy与Suspense
前端·react.js·前端框架
诸葛亮的芭蕉扇5 小时前
抓图巡检-底图支持绘制
开发语言·前端·javascript