三列布局 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;
}
相关推荐
用户1257585243617 小时前
Vue3 后台框架的网络请求怎么设计?看 XYGo Admin 三套 Axios 实例与拦截器方案
前端
ZengLiangYi17 小时前
多格式文件解析:JSONL / SQLite / Event Stream
前端·javascript·后端
边界条件╝17 小时前
微前端进阶(一)
前端
ZC跨境爬虫17 小时前
跟着 MDN 学CSS day_34:(CSS 布局全面解析)
前端·css·ui·html·tensorflow
万少17 小时前
湖南卫视的秘密武器曝光!芒果灵创,专业AI影视创作平台
前端·javascript·后端
边界条件╝17 小时前
微前端进阶(三)
前端
红辣椒...17 小时前
codex+第三方模型
java·服务器·前端
木子雨廷17 小时前
Flutter 使用 flutter_flavorizr 多渠道打包
前端·flutter
环境工程笔记17 小时前
浏览器自动化跑成功了,为什么结果还是不对?
前端
东风破_17 小时前
一文搞懂 JavaScript 变量声明:var、let、const 到底有什么区别?
前端·javascript