Facebook Like 按钮导致水平滚动条

2023-11-24

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

我已经检查了 Firebug 中创建的代码,但看不出出了什么问题。

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

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

我在按钮周围添加了一个固定宽度的div,并应用了overflow:hidden,但它似乎忽略了这一点。

我知道还有很多与此类似的其他问题,但是在使用 PrestaShop 时,我真的不想为了让 Facebook Like 按钮正常工作而过多地修改核心代码(如果可能的话)。我希望找到一种解决方案来保留我创建的“社交模块”中包含的所有代码......即 - 只是一个文件,而不是与 PrestaShop 的头文件等混在一起。


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

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

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

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

Facebook Like 按钮导致水平滚动条 的相关文章

  • 每 2 行后使 html 表格的边框变厚

    我创建了一个包含一些内容的表 其中有 12 行和 2 列 我想显示边框 但每 4 行之后 我想将水平边框设置为比正常情况更粗 怎么做 请在这里帮忙 试试这个选择器 table tr nth of type 4n td border bott
  • 如何将 HTML 转换为 Markdown?

    我有一个类似 stackoverflow 的网站 有一个文本区域 人们可以在其中写答案 我用这个 PHP 库 http parsedown org 转换降价 我的意思是我使用该函数来转换 italic to i italic i inclu
  • 使用 python 在一个 html 页面中显示分割数据框的 HTML 代码

    我是 html css 新手 所以对以 html 格式显示的数据有疑问 我有一个很长的列表 我想将其拆分并以 html 格式显示为两个单独的列 例如 而不是 Col1 Col2 1 a 2 a 3 a 4 a 5 b 6 b 7 b 8 b
  • jQuery mobile 中的文本区域高度和宽度?

    我修复了 jQuery mobile 中文本区域元素的高度 并且在纵向中得到了完美的高度和宽度 但在横向中宽度没有放大 谁能帮我 提前致谢 HTML
  • 在 Angular html 模板中访问常量枚举

    假设我有一个常量枚举 export const enum MyConstEnum Value1 Value1 Value2 Value2 Value3 Value3 现在我想在我的 Angular 模板中使用它 span This has
  • 无法使用 BeautifulSoup4 (Python 3) 抓取特定表

    我想从 Ligue 1 足球网站上抓取一张表格 具体来说 该表包含有关卡片和裁判的信息 http www ligue1 com LFPStats stats arbitre competition D1 http www ligue1 co
  • 使用本地存储在从另一个表保存的 HTML TABLE 中打印 JSON,以便我在另一个页面上打印我的表

    在我的作业中 我必须使用用户输入中的数据并将数据保存在本地存储中 我必须以水平表格式将这些数据从本地存储打印到其他页面 为此 我编写了用于用户输入并将数据保存在本地存储中的代码 div p p div
  • 在 ember-cli 中安装 Foundation 5

    我对 ember 相当陌生 对构建工具也很陌生 我目前正在使用通常的基础安装以及基础 cli 和指南针来编译我的 css 这有点痛苦 并且对于团队工作来说非常糟糕 我认为用 Bower 安装文件并使用会更好ember cli compass
  • 网站在 iPhone 屏幕右侧显示空白区域

    我遇到问题http eiglaw com http eiglaw com iPhone 屏幕右侧显示约 25 像素宽的空白 边框 我在 stackoverflow 上研究了这个问题 这些帖子是相关的 但是当我尝试提供的各种解决方案时 我无法
  • 将 XSL-FO 转换为 HTML

    我有一组用于 PDF 生成的 XSL FO 文档 我还需要将相同的输出数据 PDF 格式 导出为 HTML 文件 此外 我需要 HTML 具有与 PDF 类似的样式 有没有办法使用 C 将 XSL FO 转换为 XHTML NOTE 我知道
  • div 中的中心文本?

    我有一个div 30px高和500px宽的 这div可以包含两行文本 一行在一行 并相应地设置样式 填充 但有时它只包含一行 我希望它居中 这可能吗 要水平居中 请使用text align center 要垂直居中 只能使用vertical
  • CSS 继承、别名和其他很酷的东西

    有一天 我随机浏览网页 发现了一些程序 可以让你编写 CSS 别名和其他很酷的东西 我现在不记得了 举个例子 我记得你可以这样做 myclass background color red greenfont 其中 greenfont 在其他
  • 导航栏下拉菜单(折叠)在 Bootstrap 5 中不起作用

    我在尝试使用以下命令创建响应式菜单或下拉按钮时遇到问题Bootstrap 5一切似乎都正常 导航图标和下拉图标出现 但它不起作用 当我单击nav图标或dropdown按钮 无dropdown menu apears 我想特别提到的是 我还包
  • 使用 JavaScript 移动页面上的按钮

    我的按钮可以移动 但奇怪的是 我无法弄清楚偏移是否有问题 我希望我的按钮随着鼠标光标移动 但现在它的移动方式不是我想要的 有时它会消失 另外 创建的新按钮是重叠的 我不知道如何解决这个问题并拥有更好的外观 var coorA var coo
  • 如何始终将焦点保持在文本框中

    我创建了一个包含两个 div 的 HTML 页面 左侧的 div 页面的 90 是 ajax 结果的目标 右侧的 div 页面的 10 包含一个文本框 该页面的想法是在文本框中输入零件编号 通过条形码扫描仪 并显示与该零件编号匹配的绘图 显
  • 如何停止TinyMCE删除span标签?

    在我的工作中 前一位程序员决定使用公司网站上精彩的TinyMCE 我遇到的数千个问题之一是 如果原文有的话span标签 当我按下退格键删除一行 p仅标签 全部span标签已从文本中删除 这个错误比另一个错误更具体 我可以删除anything
  • 使用 CSS 的响应式图像

    我发现调整图像大小以使其具有响应能力很棘手 我正在开发一个 php 应用程序来自动将网站转换为响应式版本 我有点被图像困住了 我已经成功地为网站上的每个图像添加了一个包装类 并且可以很好地调整图像的大小 我的问题在于自然小于窗口的图像 例如
  • 使用javascript动态更新css内容

    需要将 css 更新为动态值 我不确定最好的方法是什么 div style zoom 1 div 缩放级别将根据窗口大小调整触发 应用程序将相应缩放 我将此应用程序加载到 cordova 中并让它在 iPAD 中运行 然后我意识到需要使用
  • css3按钮背景颜色无限过渡

    有没有办法仅使用 css3 使按钮的背景颜色从灰色渐变为蓝色 然后又回到灰色 一个很好的例子是默认操作按钮是可可 我知道这可以在 javascript 中完成 但我宁愿只使用 css 来完成此操作 您好 我已经通过 CSS3 动画制作了按钮
  • 禁用允许文本选择的

    残疾人可以吗

随机推荐

  • 无法覆盖 s3 中的内容处置标头

    我正在使用以下 php 函数为公众提供临时访问私有文件的权限 function get s3 signed url bucket resource AWS S3 KEY AWS s3 secret key expire seconds ex
  • IFrame 是否被 Google 抓取?

    我有一个 iframe 它的源是从 servlet 响应中获取的 那么 iframe 的内容会被抓取吗 Google 现在确实会抓取框架内容 只是还不确定有多少股权被传递给链接 http www serroundtable com goog
  • 如何删除 matplotlib 子图中的填充/边框

    第二个子图只是带有叠加图的第一个图像 在第二个图中 似乎有白色填充 边框 如何删除这个填充 空白 为了完整起见 这里是执行绘图的代码片段 fig ax plt subplots 1 2 fig set size inches 16 6 fo
  • 如何用Java创建Design QR码?

    我想用 Java 创建设计 QR 码 设计 QR 码可能包含图形形式的徽标 这是此类设计的代码的示例 如何创建这样的二维码 我刚刚找到了一个可以创建此类二维码的软件 有一种不同的方法可以将图片放入二维码中 代替 在冗余部分上乱涂乱画并依靠纠
  • 如何将生成器的下一个值放入列表中

    我制作了一个生成器来逐字读取文件 并且效果很好 def word reader file for line in open file for p in line split yield p reader word reader txtfil
  • JavaScript 中 == 和 === 有什么区别? [复制]

    这个问题在这里已经有答案了 可能的重复 Javascript vs 我使用哪个 等于 运算符重要吗 JavaScript 什么时候比 更有意义 以下方法在将字符串与未定义值进行比较时有什么区别 var x if x undefined al
  • Interface Builder 在 MacRuby 中看不到 Outlet

    我正在尝试使用 XCode 和 Interface Builder 构建一个基本的 hello world 应用程序 但是 在 Interface Builder 中我看不到连接的插座 我转到对象检查器窗格的连接选项卡 它显示 新引用插座
  • pandas 按 n 秒分组并应用任意滚动函数

    我有一些加速度计读数的 csv 数据 格式如下 不完全是这样 真实数据具有更高的采样率 2013 09 28 17 36 50 322120 0 152695 0 545074 0 852997 2013 09 28 17 36 50 62
  • Thymeleaf 将参数从 html 发送到控制器

    我是 Thymeleaf 的新手 我正在尝试创建简单的 CRUD 应用程序 我正在尝试通过删除按钮删除客户类的对象 如何使用 Thymeleaf 将参数 例如 id 设置为调用 deleteUser 的方法 这是我的控制器 package
  • 将继承的对象存储在数据库中

    我试图找出将对象模型中的继承关系映射到关系数据库的最佳方法 例如 考虑以下类结构 public Class Item public String Name get set public int Size get set public Cla
  • 对于张量流中的二元分类,成本函数始终返回零

    我在张量流中编写了以下有问题的二进制分类程序 无论输入是什么 成本始终为零 我正在尝试调试一个较大的程序 该程序没有从数据中学习任何内容 我已经将至少一个错误缩小到总是返回零的成本函数 给定的程序使用一些随机输入并且存在相同的问题 self
  • 如何使用用户生成的整数数组填充 dataGridView

    有了这个 dataGridView DataSource theData Select x index gt new CreatureRoll x CreatureLabel index OrderByDescending x gt x C
  • 在 VHDL 中找到运算符“+”的“0”定义

    首先我想指出 这是我第一次尝试 VHDL 所以请客气一点 我想读取 X1 X4 输入并在输出处生成输入的总和 这是我的代码 library IEEE use IEEE STD LOGIC 1164 ALL entity counter of
  • 在 C# 中手动验证 JWT 令牌

    我遇到了一些麻烦手动验证Identity Server 4 颁发的 JWT 令牌 使用 客户端 ID CLIENT1 客户端密码 123456 我不断收到的异常是 IDX10501 签名验证失败 无法匹配密钥 PII 默认情况下是隐藏的 将
  • 如何在 SwiftUI 中获取拖放文件的文件名?

    我一直在尝试找出如何获取放入 SwiftUI 视图中的图像的文件名 代码片段如下 struct MainView View DropDelegate ObservedObject var userState UserState var bo
  • 新行 \n 在 JButton.setText("fnord\nfoo") 中不起作用; [复制]

    这个问题在这里已经有答案了 在 JButton 上 我想在多行上列出信息 我试过 n作为新行字符但它不起作用 以下代码 JButton setText fnord nfoo 将显示为 fnordfoo 如何强制换行 JButton 接受 H
  • 代码文档:多少算太多?

    NET 源代码中有多少代码文档过多 一些背景 我继承了一个大型代码库 我在我在这里发布的一些其他问题中讨论过该代码库 该代码库的 功能 之一是 God Class 它是一个静态类 包含超过 3000 行代码 包含几十个静态方法 一切都是从U
  • std::map 放置而不复制值

    C 11std map
  • Java 中 TreeSet 操作的计算复杂度?

    我试图澄清一些有关 TreeSet 某些操作的复杂性的事情 在 javadoc 上它说 该实施提供了 保证 log n 时间成本 基本操作 添加 删除和 包含 到目前为止 一切都很好 我的问题是 addAll removeAll 等发生了什
  • Facebook Like 按钮导致水平滚动条

    我最近在我的网站上添加了一个类似 facebook 的按钮 它会导致在不需要时出现水平滚动条 它不会出现在 Chrome 中 但会出现在 Firefox 和 IE 中 我已经检查了 Firebug 中创建的代码 但看不出出了什么问题 这是该