我的引导页上页脚下方的空白 [英] White space below footer on my bootstrap pages

问题描述

虽然我之前在自己的身体下方钉了一个50px的填充物，但是在页脚下方的一堆白色空间仍然存在问题.我是否只需要使内容更长以填充垂直空间?我第一次使用引导程序来创建我的新网站，但这个烦恼的困境却给我留下了.这是违规页面的链接:

While I nailed down a padding of 50px below my body previously, I am still having problems with a bunch of white space sitting below my footer on my pages. Do I merely need to make my content longer to fill the vertical space? I'm using bootstrap for the first time to create my new site and I am left with this annoying dilemma. here's a link to an offending page:

http://preview.yourgreatwebsite.com/ecom.php

我敢打赌，有人会看这个，然后告诉我一些我在Firebug(或Firebug之外)中没有看到的东西.我已经看了太久了！

I bet someone will look at this and show me something I'm not seeing in Firebug (or beyond Firebug). I've been looking at it for too long!

推荐答案

如果您正在使用引导页面中的粘性页脚模板，则可能会处理文本下方的页边空白，从而将文本进一步推入页脚div中并因此向上推其父元素.我遇到过同样的问题.解决此问题的一种简单方法是在您的一个样式表中添加以下代码.

More than likely if you are using the sticky footer template from the bootstrap page you are dealing with the margin below text that is pushing the text inside the footer div further up and therefore pushing its parent element up too. I had the same issue. An easy way to fix this would be to add the following code inside one of your stylesheets.

.footer p {  // Selects text inside a <p> tag that is inside a .footer <div>
   margin-bottom: 0; // removes default <p> tag margin from the bottom
}

这篇关于我的引导页上页脚下方的空白的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！