三列布局 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;
}
相关推荐
q***64971 分钟前
SpringSecurity踢出指定用户
android·前端·后端
q***76664 分钟前
SpringSecurity 实现token 认证
android·前端·后端
llxxyy卢5 分钟前
xss-maps(1-12)尝试思路过关加源码分析
前端·xss
小璞9 分钟前
一、React Fiber 架构与任务调度详解
前端·react.js·前端框架
小璞9 分钟前
四、虚拟 DOM 与 Diff 算法:架构设计的智慧
前端·react.js·前端框架
南蓝10 分钟前
【AI 日记】调用大模型的时候如何按照 sse 格式输出
前端·人工智能
一树论12 分钟前
浏览器插件开发经验分享二:如何处理日期控件
前端·javascript
小璞12 分钟前
六、React 并发模式:让应用"感觉"更快的架构智慧
前端·react.js·架构
Yanni4Night14 分钟前
LogTape:零依赖的现代JavaScript日志解决方案
前端·javascript
疯狂踩坑人14 分钟前
Node写MCP入门教程
前端·agent·mcp