CSS 中的百分比

宽高的百分比

宽度和高度设置为百分数，是相对于父元素的宽度和高度来确定。

子元素为浮动元素时，也是对于父元素的宽度和高度来确定。

子元素为定位元素时，是相对于其包裹的外层绝对定位元素的，如果父级没有绝对定位元素，最终相对于 body 的宽度和高度。

当父元素宽度设置为 max-width 或者 max-width 时，子元素设置宽度为百分数时，可以继承父元素的宽度。

当父元素宽度设置为 max-height 或者 max-height 时，子元素设置高度为百分数时，不可以继承父元素的高度。子元素的高度相当于auto。

padding 设置为百分比时，不止left right，还包括top bottom，都是相对于父元素的宽度（宽度为百分数也可以）来计算的。

margin 设置为百分比时，不止left right，还包括top bottom，都是相对于父元素的宽度（宽度为百分数也可以）来计算的。