Safari浏览器阻止显示问题

Question

我不确定究竟是什么导致了这个问题。我正在考虑Safari的显示模式不一样。 我有一个左侧边栏延伸到剩余的包含块高度的剩余部分。但它不适用于safari。尝试在IE，FF和Chrome上运行，并按预期工作。

  

chrome版本（好的）

  

野生动物园版

这是包含类的计算CSS：

background-color: rgb(241, 241, 242);
border-right-color: rgb(221, 221, 221);
border-right-style: solid;
border-right-width: 1px;
box-sizing: border-box;
color: rgb(51, 51, 51);
display: block;
float: none;
font-family: Whitney, sans-serif;
font-size: 14px;
height: 950.25px;
line-height: 20px;
min-height: 1px;
padding-left: 0px;
padding-right: 0px;
position: relative;
right: 1044px;
width: 236px;

Answer 1

假设您的代码位于3个不同的代码中，请以％为单位设置高度。 E.g。

div .left {
    min-height: 100%;
}

如果它没有完全向下延伸，只需将min-height设置为200％即可。 认为这应该有用，但不了解safari显示模式。