我们在写html定义属性表的时候,经常会遇到这样的问题。
html,
body {
width: 100%;
height: 100%;
}
明明定义的宽和高都为100%,为什么body范围还是会超过屏幕范围呢,呈现结果如下:
我们通过显示margin边界可以看到其实,body默认是有margin值的:
通过在chrome中查看F12,也可以看到body的style中其实是有个默认的margin值的
所以在body的属性中将margin修改为0便可以很好的解决这个问题:
html,
body {
margin:0;
width: 100%;
height: 100%;
}