body和html的区别
1,html元素的宽与高取决于浏览器的宽高。html元素是块级元素,根据块级元素的性质,html默认宽度是占一行的,也就是浏览器窗口的宽度。如果没给html设置高度,那么默认的高度就是有它里面包含的内容高度所决定的,如果给html设置了height:100%,那么它的高度就是浏览器窗口的高度。
2,html元素默认设置了overflow:auto的css样式,在需要的时候就会显示滚动条。也就是它里面的内容高度超过了浏览器窗口的高度,不管html有没有加上高度,都会出现滚动条。
3,body元素默认的定位是position:static,基于 **设置了定位的元素是参考该元素最近的、且设置了非static定位属性的父元素 来定位 **的原则,那么所有定位子元素(父元素没设置定位属性)的定位都是相对于html元素的坐标系统。
4,在几乎所有的现代浏览器中,页面跟浏览器窗口的偏移量是通过给body元素设置margin属性,而不是给html元素设置padding属性。我给html设置了padding也是起作用的。
网友评论