【问题标题】:Footer overlapping content页脚重叠内容
【发布时间】:2011-03-29 20:41:15
【问题描述】:

感谢您的帮助。

你可以查看这个online

问题是我的页脚。它似乎不会停留在内容之下。我试图使用 Matthew James Taylor's method 这对我不起作用。当内容填满页面时,我需要页脚保持在内容下方,当内容未填满页面时,我需要保持在窗口底部(粘性页脚)。我正在寻找非 JS 的解决方案。

再次感谢。

【问题讨论】:

    标签: css xhtml footer sticky-footer


    【解决方案1】:

    .container 元素的末尾放置一个空的 div 元素,并带有 clear:both;像这样

    <div style="clear:both;"></div>
    

    并从#tabs 元素中删除高度。您已将其设置为height: 500px;

    【讨论】:

    • @Shota 在容器末端还是在容器之后?
    • 在容器内并移除#tabs元素的高度。
    • @Shota 我已经放置了清除 DIV,但 #tabs 高度是由 javascript 编写的。如何删除它,它会对标签产生负面影响吗?
    • 我已经用萤火虫删除了高度,并且页脚到达了它的位置。试试看。
    • @Shota 哇,是的。但是,我不知道如何删除 JS 文件中的高度。我会用代码更新我的帖子。如果您有任何想法,请告诉我。
    猜你喜欢
    • 2011-11-19
    • 2017-06-16
    • 1970-01-01
    • 1970-01-01
    • 2018-10-25
    • 2017-11-28
    • 2010-12-05
    • 1970-01-01
    相关资源
    最近更新 更多