CSS- 尺寸的百分比
Posted WHOVENLY
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了CSS- 尺寸的百分比相关的知识，希望对你有一定的参考价值。
1.百分比
百分比是一个相对单位，其相对于元素的参考系，绝大部分可以书写尺寸的地方，都可以书写百分比。
2.常见的百分比情况
| css属性 | 百分比相对于 |
|---|---|
| width | 参考系的宽度 |
| height | 参考系的高度 |
| padding | 参考系的宽度 |
| border | 参考系的宽度 |
| margin | 参考系的宽度 |
3.元素的参考系
- 普通元素，浮动元素，相对定位元素的参考系为父元素的内容区域
- 绝对定位元素的参考系为距离自己最近的开启了定位的祖先元素的padding+内容区域
- 固定定位的元素参考系为窗口的内容区域
以上是关于CSS- 尺寸的百分比的主要内容，如果未能解决你的问题，请参考以下文章