我有一个非常简单的情况,我想将容器元素设置为80vh,然后将内部div设置为该高度的100％.在Chrome上,这将正确呈现,但在Safari上,内部元素不具有80vh高度的100％.
.container {
background-color: red;
width: 100%;
height: 80vh;
}
.inner {
height: 100%;
background-color: blue;
}
这是一个显示此问题的小提琴：http://jsfiddle.net/neilff/24hZQ/
在Chrome上,元素为蓝色,在Safari中为红色.如果没有将80vh应用到.inner div的高度,是否有解决此问题的方法？
解决方法
这是Safari中vh和vw的已知错误.您可以通过设置height来修复它：继承内部元素：
.inner {
height: inherit;
}
