我最近在我的网站上添加了一个类似 facebook 的按钮,它导致在不需要时出现水平滚动条。它不会出现在 Chrome 中,但会出现在 Firefox 和 IE 中。
我已经在 Firebug 中检查了创建的代码,看不出哪里出了问题。
这是该网站的链接,您可以看到:http://www.swiftfurniture.com/
如您所见,在 Firefox 和 IE(也可能是其他浏览器)上,有一个水平滚动条在不需要时出现。绝对是 Facebook 点赞按钮导致的,因为当我评论它时,它们就消失了。
我在按钮周围添加了一个固定宽度的 div,并应用了 overflow: hidden,但它似乎忽略了这一点。
我知道还有很多其他类似的问题,但是使用 PrestaShop 我真的不想为了让 Facebook Like 按钮工作(如果可能的话)而过多地处理核心代码。我希望有一个解决方案来保留我创建的“社交模块”中包含的所有代码......即 - 只是一个文件,而不是乱用 PrestaShop 的头文件等。
最佳答案
我已经用 Firebug 稍微调查了一下您的问题,可以分享一些可能有用的观察结果。
有代码被注入(inject)到您的 <div id="fb-root"></div>
中其中是一个内联样式宽度为 575 像素的 iframe。
这就是导致滚动条的原因。
关于html - Facebook Like 按钮导致水平滚动条,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9808808/