使用IE

Question

在非营利组织的页面上工作。内容已完成，正在进行跨浏览器呈现。 IE的巨大问题。我确实得到的内容主要是正确地显示，但网站的页脚元素应该位于页面的底部，显示在网站的顶部。我怎样才能解决这个问题？顺便说一句，这不是唯一的显示问题，只是这个问题的主题。我不想使用任何脚本。

以下是网站：http://www.ncalhn.org/testing/ncdba/events.html

仅在IE页面顶部显示页脚。我假设IE不能识别页脚元素，所以寻找代码让IE了解页脚应该显示在页面的底部。目前正在使用的代码：

CSS：

footer {
    width: 100%; 
    margin-top: 90px; 
    margin-left: 20px; 
    text-align: center; 
    position: absolute;
}

.foot {
    padding: 20px;
}

HTML：

<footer>
Follow us on social media!
<a href="https://www.facebook.com/ncdba/" class="foot"><img src="http://ncdba.org/wp-content/uploads/2017/03/fb-art.png" alt="Facebook" width="50" height="50"/></a>
<a href="https://twitter.com/ncdeafblind" class="foot"><img src="http://ncdba.org/wp-content/uploads/2017/03/tw.jpeg" alt="Twitter" width="50" height="50"/></a>
<a href="https://www.pinterest.com/NCDeafBlind/" class="foot"><img src="http://ncdba.org/wp-content/uploads/2017/03/Pinterest-icon.png" alt="Pinterest" width="50" height="50"/></a>
</footer>

尝试添加bottom:0;，然后再添加margin-bottom: 0px;，但都没有效果。还尝试在position:relative;和position:absolute;之间进行更改 - 没有任何区别。

Answer 1

你有你的页脚position: absolute,，但没有位置值。

尝试至少向页脚添加bottom: 0;。