Facebook就像按钮添加填充到整个页面

Question

因此，我们的页脚中有一个类似Facebook的按钮，旁边有一个Twitter关注按钮。出于某种原因，Facebook按钮正在做两件不同的奇怪事情：

• 它正在调整它的位置并且＆＃34;隐藏＆＃34;在Twitter按钮后面
• 它添加TONS of＆＃34; padding＆＃34;在页面底部和右侧（每当我从检查器中删除iframe时，＆＃34;填充＆＃34;消失）

它似乎是在一个不一致的基础上做到这一点，但是当它这样做时，它同时做到了。据我所知，它的仅在Chrome中发生。

有没有人见过这个或知道解决方案？如果您想查看代码，页面位于http://www.gaychristian.net/

更新：我找到了another site this happens on。如果向下滚动到注册区域，请转到其他页面，然后点击Chrome中的后退按钮，FB按钮会移动，文档会出现奇怪的额外填充。

更新2：我发现如果将FB按钮放在宽度和高度明确且设置为overflow: hidden;的元素中，FB按钮将会只是消失而不是移动并导致奇怪的填充问题。不是真正的修复，但比它更好......

Answer 1

您使用bootstrap作为CSS布局/前端库吗？我有一个与我正在帮助的网站有类似的问题，我没有自己编写，我将其追溯到包含社交按钮的div的类属性值。

如果是这样，也许解释我所拥有的将会有所帮助。页脚中的两列包含我的社交按钮，其类属性如下所示：

<div class="col-sm-6 col-xs-12">

我改为：

<div class="col-md-6 col-sm-6">

这似乎解决了这个问题。

虽然我不是一个自助专家，所以不要期望详细解释原因，我怀疑它是因为12 + 12 = 24因此在行下指定了太多列根据此处提供的引导网格文档的先前样式：

http://getbootstrap.com/examples/grid/

可能有一种更简单的方法可以解决它，但这对我有用。

希望这有帮助，快乐编码！