html - 摆脱页脚下方的空白

标签 html css twitter-bootstrap

我正在使用 bootstrap 3.0 框架,无论我做什么,我都无法让页脚后的小空白消失。它只在 Chrome 中显示,在 IE 中没问题。

我已经使用了 min-height, overflow:hidden,different margins 仍然没有。

http://www.bootply.com/XonUL6Vq2C

我敢肯定有一些简单的修复方法让我望而却步。但它让我抓狂。

谁能提供解决方案?

最佳答案

在您的 CSS 中,您为页脚的顶部和底部使用了 50 像素的 margin

移除页脚的边距。

如果您只想在页脚顶部应用边距,请使用:

footer {
  margin: 50px 0 0 0; /* or just use:  margin-top: 50px;*/
}

UPDATED CODE

关于html - 摆脱页脚下方的空白,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24796639/

相关文章:

java - HTML 5 输入类型提交不会作为参数传递给 Controller

javascript - 根据日期预选标签

css - Twitter 的 Bootstrap 3 网格,更改断点并删除填充

Javascript window.parent 变量永远不会为空

javascript - JavaScript 中的一个错误

html - CSS border-bottom 悬停在导航菜单上

html - 尝试使用 Materialize 框架嵌入 Leaflet 的 map

css - 在最大宽度容器内占据全宽的下拉菜单

javascript - 无法让 React 组件使用 Bootstrap 样式进行格式化

html - 如何为大于 767px 的更大屏幕应用 Bootstrap 表响应类