CSS 你不知道的百分比 

1
2
document.body.offsetHeight
// 0

  • 宽设置百分比

    根据父元素的宽，浏览器端，根元素 html、body 宽为屏可视区的宽

  • 高设置百分比

    根据父元素的高运算，如上 code ，浏览器 body 未设置高，所以设置百分比要特别注意。

1
2
3
html, body {
  height: 100%;
}
  • padding 设置百分比

    根据父元素宽运算