我有一个非常简单的情况,我想将一个容器元素设置为80vh
,然后将内部 div 设置为该高度的 100%。在 Chrome 上这将正确呈现,但在 Safari 上,内部元素没有 100% 的80vh
高度。
.container {
background-color: red;
width: 100%;
height: 80vh;
}
.inner {
height: 100%;
background-color: blue;
}
这是一个显示此问题的小提琴:http: //jsfiddle.net/neilff/24hZQ/
在 Chrome 中元素为蓝色,在 Safari 中为红色。是否有解决此问题的方法而不适用于div80vh
的高度?.inner