search

Home  >  Q&A  >  body text

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

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


页面垂直方向出现了一小段滚动条，不是说 vh 参照的是window.innerHeight吗？为什么还会出现滚动条？？
PHPzPHPz2810 days ago825

reply all(3)I'll reply

  • PHPz

    PHPz2017-04-11 13:19:48

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

    body{margin:0;}

    reply
    0
  • 怪我咯

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

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

    reply
    0
  • 伊谢尔伦

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

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

    body {
    margin: 0;
}

    reply
    0
  • Cancelreply