css - 等分多列布局中的父元素margin-left，如何理解

问题描述

问 题

关于上面的例子
他的思路是这样
1 四个框宽度+3个间隔宽度 等分一个父元素的宽度
2 给父元素宽度+一个间隔宽度 等于 四个框宽度+四个间隔宽度
3 一个框宽度+1个间隔宽度占25%

问题：
父元素用了margin-left：-20px 只不过是偏移了20px。
子元素的width（包含padding区域和content区域）是基于父元素width的25%
为什么父元素的width会算上父元素的margin-left？？

解决方案

margin-left没有影响到父元素的宽度；
在这里父元素宽度 等于 四个框宽度+四个间隔宽度，打开chrome看下元素大小就明白了

这篇关于css - 等分多列布局中的父元素margin-left，如何理解的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！