頁面滾動粘滯頁腳在IE瀏覽器

我嘗試做一個響應式網站，看起來類似於Chrome，IE（11）和FF。頁面滾動粘滯頁腳在IE瀏覽器

我在IE中的問題是，如果該網站太長，滾動條不滾動到最後，因爲粘頁腳（'page-footer'）。我試圖給我的頁面主區域一個邊緣或填充底部，但這並沒有改變任何東西。

另一件事是我的側邊欄背景不填充到底。

CSS摘錄：

.page-sidebar { 
    padding: 10px; 
    border-top: 2px solid #000; 
    background-color: #00BB9C; 
    width: 100%; 
    padding-bottom: 58px; 
} 
.page-sidebar h3 { 
    color: black; 
} 
.page-sidebar h3:first-child { 
    margin-top: 0; 
} 

.page { 
    display: -webkit-flex; 
    display: -ms-flex; 
    display: flex; 
    -webkit-flex-direction: column; 
    -ms-flex-direction: column; 
    flex-direction: column; 
    min-height: 100%; 
    max-width: 900px; 
    margin-left: auto; 
    margin-right: auto; 
} 
.page-main-area { 
    -webkit-flex: 1; 
    -ms-flex: 1; 
    flex: 1; 

} 

.page-footer { 
    position: fixed; 
    bottom: 0; 
    width: 100%; 
    max-width: 900px; 
    margin: 0 auto; 
    padding: 8px; 
    background-color: #000; 
    color: #fff; 
    max-height: 50px; 
}

HTML + CSS：

http://jsfiddle.net/mvz8rq1o/2/

我能做些什麼，在IE中解決這一問題？

來源

2014-11-20 user547995

margin-bottom: on page-sidebar應該會顯示完整的側邊欄。（不會修復填充到底部，但是...）

來源

2014-11-21 01:34:24 dhc

頁面滾動粘滯頁腳在IE瀏覽器

回答

相關問題