三列布局 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;
}
相关推荐
bcbobo21cn16 小时前
Web 3D 正方体贴图
前端·3d·贴图·mesh
聊聊MES那点事16 小时前
报表控件Stimulsoft Reports.NET使用教程:发票报告设计
前端·javascript·html·报表工具
予你@。16 小时前
Vue2 使用 html2canvas 将 HTML 生成图片并上传到服务器
前端·html
星晨雪海16 小时前
优惠券秒杀的核心业务逻辑
java·前端·数据库
Bigger16 小时前
第五章:我是如何剖析 Claude Code 的 MCP 服务与插件生态系统的
前端·ai编程·claude
许彰午16 小时前
# 政务表单动态建表?运行时DDL引擎,前端拖完字段后端直接建
java·前端·后端·架构·政务
San30.16 小时前
前端渲染:从 CSR、SSR 到同构与手写 Vite+React SSR 实践
前端·react.js·前端框架
三声三视16 小时前
React 19 正式发布!17 个新特性深度解析与迁移指南(2026 实战版)
前端·javascript·reactjs·react
滴滴答答哒16 小时前
c#将平铺列表转换为树形结构(支持孤儿节点作为独立根节点)
java·前端·c#
雨季mo浅忆16 小时前
第四项目梳理
前端·面试·vue2