Safari瀏覽器塊顯示問題

Question

我不確定究竟是什麼導致了這個問題。我選擇Safari的顯示模式不一樣。 我有一個左邊欄，可以延伸到其餘的包含塊高度的其餘部分。但它不適用於Safari瀏覽器。在IE，FF和Chrome上試用它，並按預期工作。

的Chrome版本（好的）

的Safari瀏覽器版本

而這裏的計算CSS爲含有ing類：

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%; 
} 

如果它沒有完全延伸，只需將min-height設置爲200％即可。 認爲應該工作，但不知道Safari瀏覽器的顯示模式。