引言 书写页面样式与布局是前端工程师Coding 中必不可少的一项工作，在定义页面元素的样式时，padding 属性也是经常被使用到的。 padding 属性用于设置元素的内边距，其值可以是length、inherit，当然也可以是百分比。 今天为什么会聊到padding-top设置百分比时 ...

一直以来，都以为margin-top设置百分比的话是基于父元素的高度计算的，今天实际用到的时候却发现并非如此，实际上是基于父元素的高度来计算的。 如果我们想让某个元素垂直居中，最快最好的方式是设置父元素为flex布局：display:flex;然后再利用两个属性即可： ...

在css里面，padding-top,padding-bottom,margin-top,margin-bottom取值为百分比的时候，参照的是父元素的宽度。 比如：父元素宽度是100px, 子元素padding-top:50%，那么padding-top的实际值就是100*50%=50px ...

本文链接：https://blog.csdn.net/qq_27437967/article/details/72625900问题：当margin-top、padding-top的值是百分比时，分别是如何计算的？ A 相对父级元素的height，相对自身的height B 相对最近父级块级元素 ...

...

| padding-top | padding-bottom 的百分比值参照的不是容器的高度，而是宽度 。 引用标准( ...

css的内外边界（padding/margin）的百分比是父元素宽度的百分比 特别注意： 不管左右上下边距都是父宽度的百分比，也就说上下边距也是宽度的百分比而不是高度的。 ...

width=num% ， height=num% 基于以下几点 1. 若元素不存在定位： 则基于直接父元素的宽高度 2. 若元素存在定位 且 定位为 relative， 则也基于直接父元素的宽高度 3. 若元素存在定位 且 定位为 absolute， 则基于最近的相对定位 ...