三列布局 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;
}
相关推荐
_龙小鱼_7 分钟前
Kotlin 作用域函数(let、run、with、apply、also)对比
java·前端·kotlin
霸王蟹11 分钟前
React 19中如何向Vue那样自定义状态和方法暴露给父组件。
前端·javascript·学习·react.js·typescript
小野猫子21 分钟前
Web GIS可视化地图框架Leaflet、OpenLayers、Mapbox、Cesium、ArcGis for JavaScript
前端·webgl·可视化3d地图
shenyan~31 分钟前
关于 js:9. Node.js 后端相关
前端·javascript·node.js
uwvwko1 小时前
ctfshow——web入门254~258
android·前端·web·ctf·反序列化
所待.3831 小时前
深入解析SpringMVC:从入门到精通
前端·spring·mvc
逃逸线LOF1 小时前
CSS之精灵图(雪碧图)Sprites、字体图标
前端·css
海天胜景2 小时前
jqGrid冻结列错行问题,将冻结表格(悬浮表格)与 正常表格进行高度同步
前端
清风细雨_林木木3 小时前
解决 Tailwind CSS 代码冗余问题
前端·css
三天不学习3 小时前
VueUse/Core:提升Vue开发效率的实用工具库
前端·javascript·vue.js·vueuse