三列布局 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;
}
相关推荐
论迹1 天前
【JavaEE】-- Spring Web MVC入门
前端·spring·java-ee
uhakadotcom1 天前
fastapi的最新版本,提供了哪些新api可供使用
前端·面试·github
G***66911 天前
前端组件单元测试覆盖率,目标与实现
前端·单元测试
天天进步20151 天前
前端单元测试从入门到精通:Jest与Testing Library实战
前端·单元测试
U***49831 天前
前端组件单元测试模拟数据,Mock Service Worker
前端·单元测试
ZT_KeBei1 天前
前端调试利器——pageSpy的使用简易指南
前端
少卿1 天前
PerformanceObserver 性能条目类型(Entry Types)
前端·javascript
宇余1 天前
ES2025新特性实战:5分钟get前端高频实用语法
前端·typescript
励扬程序1 天前
Cocos Creator 3.8 实现指定Node节点截图功能教程
前端·cocos creator
jenchoi4131 天前
【2025-11-15】软件供应链安全日报:最新漏洞预警与投毒预警情报汇总
前端·网络·安全·网络安全·npm·node.js