Safari浏览器阻止显示问题答案

【问题标题】：Safari browser block display issueSafari浏览器阻止显示问题
【发布时间】：2016-01-27 11:22:38
【问题描述】：

我不确定究竟是什么导致了这个问题。我正在检查 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;

【问题讨论】：

标签： html css safari

【解决方案1】：

假设您的代码位于 3 个不同的标签中，以 % 为单位设置高度。例如

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

如果它没有一直向下延伸，只需将 min-height 设置为 200%。认为应该可以，但不知道 safari 显示模式。

【讨论】：