使用100vh作为容器高度时,将显示垂直滚动条。
. container {
height: 100vh;
border :3 pxsolidlightsteelblue;
border-radius: 10px;
}
可能有什么问题吗?
编辑:更详细的代码:
CSS
html,body {
margin: 0;
padding: 0;
}
* {
盒尺寸: border-box;
}
. container {
height: 100vh;
margin: 0px;
padding: 0px;
}
. page_content {
height: 85vh;
width: 95vw;
border :3 pxsolidlightsteelblue;
border-radius: 10px;
overflow-y :自动;
margin : 0自动;
}
. footer {
高海拔: 14vh;
width: 95vw;
margin: 0px auto;
padding: 0px;
}
HTML
.
.
2017-06-20
康科基雅
1
仅供参考。 在移动浏览器中,100vh可能看起来很奇怪。 https://堆栈覆盖.com/questions/37112218/css3-100 VH-not-constant-in-mobile-browser
0
@DanielZiegler谢谢。 不适合移动浏览器