html - 将页脚保持在水平滚动的站点窗口底部

Question

我有一个完全水平滚动的网站，

TopNav(固定位置)

导航(固定位置)

内容(横向滚动)

页脚(固定位置)

一切似乎都很好，但我遇到的问题是，如果内容足够大可以水平滚动，它会将页脚放在水平滚动条后面，所以在几页上我制作了#footer { bottom: 16px } 左右考虑水平滚动条在那里。

我遇到的问题是不同的显示器分辨率。显然，内容将根据窗口大小水平滚动或不滚动。有什么方法可以使页脚保持在底部(或水平滚动条上方)，无论分辨率或窗口大小如何？

Answer 1

经过大量试验和错误，我发现这是始终位于底部的页脚的最佳解决方案:

HTML:

<div class="footer">

    <div class="footer_contents"></div>

</div>

CSS:

.footer {

    height:24px; // Replace with the height your footer should be
    width: 100%; // Don't change
    background-image: none;
    background-repeat: repeat;
    background-attachment: scroll;
    background-position: 0% 0%;
    position: fixed;
    bottom: 0pt;
    left: 0pt;

}   

.footer_contents {

    height:24px; // Replace with the height your footer should be
    width: 1000px; // Visible width of footer
    margin:auto;

}