🔥码云GVP开源项目 12k star Uniapp+ElementUI 功能强大 支持多语言、二开方便! 广告
[toc] ## 一般元素都是相对于padding-box定位 对,是padding-box,而不是content-box(准确来说相对于padding-box的**内边缘**) 证据就是当你将content置为0只设置一个padding的时并且overflow置为hidden,你会发现子元素的**左上角原点**被定位在父盒子的**padding-top,padding-left**处,并且**不**会被隐藏 ## padding的百分比单位的特殊性 和margin一样,padding的百分比是按照父元素的宽度计算的,不论宽还是高 并且如果有定位,是按照定位父级的宽度来计算 由于宽高都是按照父级的百分比来计算,一些**固定比例**的**布局**就很适合用padding来**站位**(需要配合`height:0`)