【问题标题】:Having Footer Problems (overlapping content, width issues). Can you help me?有页脚问题(重叠内容、宽度问题)。你能帮助我吗?
【发布时间】:2012-07-20 03:53:53
【问题描述】:

我正在尝试使用引导程序创建我们的团队页面,但我无法让页脚正常工作。起初它没有填满页面的宽度,现在(我不太确定我做了什么)这个问题得到了解决,但它与内容重叠:一些缩略图、文字和链接。有问题的页面是:http://rdtaxsavers.com/new/OurTeam.php

我的 css 文件位于 rdtaxsavers.com/new/css/bootstrap.css

您会注意到 rdtaxsavers.com 网站页脚工作正常。提前致谢!

编辑:我把它恢复到页脚不重叠的地方,但现在宽度问题又回来了。你会在我的 CSS 中看到我的 modal-footer 类有 width:100%;最后,但这并不能解决问题。

编辑:这让我发疯。当我修复宽度问题时,它会重叠,当我修复重叠时,宽度会被破坏。

【问题讨论】:

    标签: html css twitter-bootstrap


    【解决方案1】:

    我认为您将页脚放置在 Container 类中,该容器类的宽度为 1170px。因此,页脚不会是 100% 的身体宽度。将页脚移出容器类。或者你必须改变容器类的宽度。

    这就是你所拥有的:

    <div class="container">
        <div class="row">...</div>
        <footer>...</footer>
    </div>
    

    尝试这样做:

    <div class="container">
        <div class="row">...</div>
    </div>
    <footer>...</footer>
    

    【讨论】:

    • 这就是我的想法。在我的页脚之前有一堆
      那么这不是意味着它不在容器中吗?
  • 我添加了一个 div 并通过将页脚从 div 中取出来解决了宽度问题,但现在页脚骑得太高并且内容重叠。很抱歉这些问题,但我真的不太了解html或css。到目前为止,我感谢您的帮助。
  • 【解决方案2】:

    尝试清除 ul.thumbnails 元素中的 float:left。

    【讨论】:

    • 感谢您这么快回复,我该怎么办?
    猜你喜欢
    • 1970-01-01
    • 2014-03-01
    • 1970-01-01
    • 2011-05-28
    • 2011-01-24
    • 2020-09-03
    • 2021-08-14
    • 2011-01-10
    • 2016-05-21
    相关资源
    最近更新 更多