html - 页脚元素显示在 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; 至少添加到页脚。