登录

javascript - css单位vh，100vh 为什么会出现滚动条

<p class = "p"></p>
.p{
    height: 100vh;
}


页面垂直方向出现了一小段滚动条，不是说 vh 参照的是window.innerHeight吗？为什么还会出现滚动条？？
# JavaScript
PHPzhongPHPzhong2124 天前549 次浏览

全部回复(3) 我要回复

  • PHPzhong

    PHPzhong2017-04-11 13:19:48

    你好，你的body的margin值没有清零

    body{margin:0;}

    回复
    0
  • 怪我咯

    怪我咯2017-04-11 13:19:48

    vh确实是相对于屏幕的，但默认body有一个margin，100%加上这个margin就超出了。清除body的margin即可。

    回复
    0
  • 伊谢尔伦

    伊谢尔伦2017-04-11 13:19:48

    body 有默认的 8px 的margin，清掉就好了。

    body {
    margin: 0;
}

    回复
    0
  • 取消回复发送