三列布局 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;
}
相关推荐
一个有故事的男同学5 分钟前
从零打造专业级前端 SDK (一):架构与工程化
前端·架构
小胖霞7 分钟前
node全栈系列(七)-增加验证码登录
前端·vue.js·node.js
A242073493035 分钟前
js流程控制语句
开发语言·前端·javascript
AAA阿giao1 小时前
JavaScript 执行机制深度解析:从 V8 引擎到作用域链、变量提升与闭包的全面剖析
前端·javascript·面试
一水鉴天1 小时前
整体设计 定稿 之19 拼语言表述体系之2(codebuddy)
大数据·前端·人工智能·架构
低代码的未来1 小时前
React CVE-2025-55182漏洞排查与修复指南
前端
软件技术NINI1 小时前
html css js网页制作成品——陈都灵html+css 5页附源码
javascript·css·html
脾气有点小暴1 小时前
CSS position 属性
前端·css
ohyeah1 小时前
用原生 JS 手写一个“就地编辑”组件:EditInPlace 的 OOP 实践
前端·javascript
timeweaver1 小时前
React Server Components 的致命漏洞CVE-2025-55182
前端·安全