三列布局 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;
}
相关推荐
涔溪14 分钟前
如何使用 CSS Grid 实现响应式布局?
前端·css
未来读啥科教资讯21 分钟前
2026年深圳国际户外用品展览会参展效果如何?影响力如何?
前端
码农胖大海25 分钟前
浏览器及标签页关闭时登出的解决方案
前端·浏览器
喵爸的小作坊28 分钟前
StreamPanel:一个让 SSE 调试不再痛苦的 Chrome 插件
前端·后端·http
star learning white43 分钟前
xm C语言12
服务器·c语言·前端
tabzzz44 分钟前
大道至简:万字漫谈前端性能监控
前端·javascript·性能优化
0思必得01 小时前
[Web自动化] CSS基础概念和介绍
前端·css·python·自动化·html·web自动化
小胖霞1 小时前
全栈系列(15)github Actions自动化部署前端vue
前端·node.js·github
未来魔导1 小时前
基于 Gin 框架的 大型 Web 项目推荐架构目录结
前端·架构·gin
foundbug9991 小时前
Modbus协议C语言实现(易于移植版本)
java·c语言·前端