前端学习总结--CSS篇（等分多列布局）

float

方案1：C+G=(W+G)*N

父容器：margin-left:-20px;

成员：float：left；width：25%；padding-left：20px；box-sizing：border-box(使设置的宽度包含padding区)

table

方案2：父元素的父元素parent-fix：margin-left:-20px;

父元素：display：table；width：100%；table-layout：fixed；

成员：display：table-cell；padding-left：20px

flex:

方案3：父级 display:flex;

成员：flex：1

234列 .cloumn+.column:margin-left:20px;