CSS常见问题

body和html的区别

关于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也是起作用的。