页面滚动粘滞页脚在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浏览器

回答

相关问题