给一个div设置它的宽度为100px，然后再设置它的padding-top为20%。问：现在这个div有多高？
-
答案：
- 这里的宽度不同分辨率的浏览器得出来的宽度也不相同（我的浏览器分辨率是1366*766）
-
原理：
- 这句话也就是说，box的父元素的宽度*设置的padding-top:20%；得出来的数值就是box的高度。
- 现在这里只有一个box，所以box的父元素就是浏览器的宽度1366，所以136602 = 273.2*
- 注意：这里面有一个注意点，就是box的高度的确定是根据它的包含块确定的，也就是它的父元素的宽度确定的。也就是说，想要确定这个box的高度，先找到它的父元素。
