Facebook喜欢按钮导致水平滚动条

BT6*_*643 7 html css facebook prestashop facebook-like

我最近在我的网站上添加了一个类似于facebook的按钮,它会导致在不需要时出现水平滚动条.它不会出现在Chrome中,但会出现在Firefox和IE中.

我在Firebug中检查了创建的代码,看不出有什么问题.

这是该网站的链接,您可以看到:http://www.swiftfurniture.com/

正如您所看到的,在Firefox和IE(可能还有其他浏览器)上,当不需要时会有一个水平滚动条.这绝对是导致它的Facebook按钮,因为当我评论出来时,它们会消失.

我在按钮周围添加了一个固定宽度div,溢出:隐藏应用,但似乎忽略了这一点.

我知道还有很多类似的问题,但是使用PrestaShop我真的不想过多地使用核心代码来让Facebook Like按钮工作(如果可能的话).我希望有一个解决方案,将所有代码保存到我创建的"社交模块"中...即 - 只是一个文件,而不是弄乱PrestaShop的头文件等.

小智 4

我已经用 Firebug 研究了你的问题,并且可以分享一些可能有帮助的观察结果。

有代码被注入到您的代码中<div id="fb-root"></div> ,其中有一个内联样式宽度为 575px 的 iframe。

这就是导致滚动条的原因。