html固定高度的容器 使用进度条,对容器使用“height：100vh”时，会出现垂直滚动条...

当使用100vh作为容器高度时，我可以看到垂直滚动条出现。

.container {

height: 100vh;

border: 3px solid lightsteelblue;

border-radius: 10px;

}

可能是什么问题？

编辑： 更详细的代码：

CSS

html, body {

margin: 0;

padding: 0;

}

* {

box-sizing: border-box;

}

.container {

height: 100vh;

margin: 0px;

padding: 0px;

}

.page_content {

height: 85vh;

width: 95vw;

border: 3px solid lightsteelblue;

border-radius: 10px;

overflow-y: auto;

margin: 0 auto;

}

.footer {

height: 14vh;

width: 95vw;

margin: 0px auto;

padding: 0px;

}

HTML

...

...

2017-06-20

cookya

+1

仅供参考。在移动浏览器上，100vh可能并将会表现怪异。请参阅：https://stackoverflow.com/questions/37112218/css3-100vh-not-constant-in-mobile-browser –

+0

@DanielZiegler谢谢，它不是针对移动浏览器 –