Question

在IE11中，页脚显示在屏幕中间而不是底部。我正在使用CSS下面的工作文件，直到我们将浏览器升级到IE11。

#footer {
    clear: both; 
    height:45px; 
    position: absolute; 
    bottom: 0; 
    left: 0; 
    border: none; 
    width: 100%;
}

注意： - 我的页面有一个标签视图＆amp;我们在MVC中使用布局模板。请提出一些解决方案。

Answer 1

您的CSS没有任何问题。根据经验，我可以预见的唯一问题是，您的页脚具有属性position: relative;的父元素

这导致“绝对”定位相对于父级而不是窗口本身。

另外，你可能不会clear:both;。如果页脚中有浮动元素，只需添加overflow: auto;即可清除浮动内容！

Answer 2

由于IE似乎越来越不流行，它现在可能不再重要了，但是就垂直定位而言，IE唯一能正确识别的就是div。因此，对我而言似乎有所帮助的是将所有元素（包括页脚）强行插入了自己的div：

<div style={{position: "sticky", top: "0px", zIndex: "10"}} >
    <Nav />
</div>
<div>
    <C {...props} {...cProps} />
</div>
<div style={{marginTop: "20px"}}>
    <Footer />
</div>

在Internet Explorer 11

2 个答案: