Question

我尝试制作一个在Chrome，IE（11）和FF中看起来相似的自适应网站。

我在IE中遇到的问题是，如果网站太长，滚动条不会滚动到末尾，因为页面页脚粘性较差（页面页脚为＆＃39;）。我试图给我的页面主区域一个边距或填充底部，但这并没有改变任何东西。

另一件事是我的侧边栏背景并没有填写到最后。

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中解决这个问题？

Answer 1

margin-bottom:上的{p> page-sidebar应该会显示完整的侧边栏。（但不会修复填充到底部......）

在IE中页面滚动的粘滞页脚

1 个答案: