CSS宽度高度的百分比取值基于谁

width=num% , height=num% 基于以下几点

1. 若元素不存在定位: 则基于直接父元素的宽高度

2. 若元素存在定位 且 定位为 relative, 则也基于直接父元素的宽高度

3. 若元素存在定位 且 定位为 absolute, 则基于最近的相对定位(relative)的祖先元素的宽高度

4. 若元素存在定位 且 定位为 fixed, 则始终基于body元素的宽高度

结束。

原文地址:https://www.cnblogs.com/nelson-hu/p/9470648.html