height 100%

Posted 2020-12-01

1.如果不给定元素宽高，浏览器默认分配高度是0px，宽度是浏览器<bower>宽度。
2.浏览器是由DOM树由上至下执行的。自身属性指定的值优先，但不包含继承性质的。如百分比%
（1）如果父元素没有设置相关属性，子元素设置height 100%, 则父、子元素实际高度为0
（2）如果子元素没有设置相关属性，父元素设置height 100%, 则父元素为文档高度，子元素为0
注意：有时候我们看到父、子元素高度为0，但显示正常，是子元素高度，即文档高度。是一种溢出的现象。
通常正确的写法是html,body{width:100%;height:100%}
3.背景图片不能overflow：hidden，但可以设置为百分比和大小