height 100%

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

猜你喜欢

转载自blog.51cto.com/jinkaiye/2447280