Ошибка отображения блока браузера Safari

Question

Я не уверен, что именно вызывает эту проблему. Я смотрю, что режим отображения не является тем же самым для Safari. У меня есть левая боковая панель, которая простирается до остальной части оставшейся высоты блока. но он не работает только на сафари. попробовал это на IE, FF и 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-х разных тегов, установите высоту в%. .

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

Если он не распространяется до конца, установите минимальную высоту до 200%. Думайте, что должно работать, но не знаете о режимах отображения сафари.