html&css-常见问题1:body定义高度宽度为100%出现滚动条的问题解决方案

我们在写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%;
}

你可能感兴趣的:(html&css-常见问题1:body定义高度宽度为100%出现滚动条的问题解决方案)