html - 有页脚问题(重叠内容、宽度问题)。你能帮助我吗?

标签 html css twitter-bootstrap

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

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

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

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

编辑:这让我抓狂。当我修复宽度问题然后它重叠,当我修复重叠时宽度被打破。

最佳答案

我认为您将页脚放在容器类中,容器类的宽度为 1170 像素。因此页脚不会是正文的 100% 宽度。将页脚移出容器类。或者你必须改变容器类的宽度。

这就是你所拥有的:

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

尝试这样做:

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

关于html - 有页脚问题(重叠内容、宽度问题)。你能帮助我吗?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11566681/

相关文章:

javascript - 如何从表的开头 colspan tr 表

javascript - AngularJS 生成的嵌套列表的行为不符合预期

html - 如何在图像上制作响应式链接

jquery - CSS3 动画从上一个位置继续

用于对齐页面元素的 Css 调整?

node.js - 使用 connect-assetmanager 缩小 bootstrap.js 会导致语法错误。为什么?

html - 在渐进式 Web 应用程序中使用水平滚动条显示图像

javascript - html5应用自动化测试

javascript - 使用 css 更改 tr 背景颜色和悬停链接

javascript - 使用 jquery 切换带有回调代码的图像