Safari浏览器文本流失了div

时间:2017-11-11 19:47:42

标签: html css safari macos-sierra

我有一个奇怪的问题,只发生在Safari中。所有其他浏览器都没问题。我在MacOS Sierra上,现在升级到High Sierra--两者都有完全相同的行为。

  • <p>内的文字正在从父容器中流失,这是一个<div>
  • 文本流到使用float / right align属性设置的图像上。
  • 并非所有<p>代码都会受到影响,展开后折叠容器内的所有<p>代码都会正常显示。
  • 尝试了overflow-wrap和word-break属性

在Sierra上进行某些浏览器升级之前,这不是问题。有此问题的网站:https://www.worldsbestoil.ca此问题可在整个网站上找到,例如此页面:https://www.worldsbestoil.ca/pc-program.php向下滚动以查看问题。

我想知道造成这个奇怪问题的原因。它是其他地方的css属性还是由于缺少某些属性?

Screenshot 1:

Screenshot 2:

1 个答案:

答案 0 :(得分:1)

确实很奇怪,特别是因为这个问题不会持续发生。虽然我无法给你一个明确的答案,为什么会发生这种情况(没时间做彻底的分析)至少一个

overflow: hidden;

关于p标签似乎有帮助,如果只是为了快速修复。