w3c标准的了解---padding（包含块）

给一个div设置它的宽度为100px，然后再设置它的padding-top为20%。问：现在这个div有多高？

• 答案：

  
  
  
  
  
  
• 这里的宽度不同分辨率的浏览器得出来的宽度也不相同（我的浏览器分辨率是1366*766）

• 原理：

  
  
  
• 这句话也就是说，box的父元素的宽度*设置的padding-top:20%；得出来的数值就是box的高度。
• 现在这里只有一个box，所以box的父元素就是浏览器的宽度1366，所以136602 = 273.2*
• 注意：这里面有一个注意点，就是box的高度的确定是根据它的包含块确定的，也就是它的父元素的宽度确定的。也就是说，想要确定这个box的高度，先找到它的父元素。