html - 仅在 Safari 中位于 div 之外的文本

标签 html css safari

我有这个错误,让一些文本出现在右侧 div 之外的几个像素处。奇怪的是它只发生在 Safari 中。我以前从未见过它,它只是我使用的常规 HTML/CSS。我在互联网上四处张望,但找不到完全相同的问题 - 只有一些问题是内容在底部 float ,因为高度固定。

在接下来的 2 个屏幕截图中,您将在 Safari 和 Chrome 中看到相同的页面。 div 有一个 overlow:hidden 以隐藏可能的第三行文本。我在尝试解决问题时添加了固定宽度。我也尝试添加/删除一些边距,但我无法摆脱额外的像素。

Here是此页面的完整链接。它只发生在网站的这一部分。在其他部分 - 如 this one - 我使用相同的格式,几乎没有区别,但使用相同的 CSS 思想(固定宽度和溢出:隐藏),Safari 中没有错误。

我希望你有一些想法!

最佳答案

中移除position:absolute

div#branch-search-results-block div.search-result-right div.search-result-drvl-info-bottom .spacer::after

css 样式解决了这个问题。但我不确定它还会影响什么。请试试这个。

关于html - 仅在 Safari 中位于 div 之外的文本,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23779113/

相关文章:

ipad - ipad/safari 上的盒子阴影

javascript - 使用 javascript 根据选择显示/隐藏(切换)div 的显示

IE9+ 中带填充的 jQuery UI .addClass() 动画

javascript - 没有文件阅读器的 Angularjs 图像预览

html - Bootstrap 3.3.4 行未拉伸(stretch) 100% 的页面

css - 我怎样才能重新定位这张图片?

css - iPad 中的关键帧动画在 safari 和 chrome 中都不稳定。如何在 safari 中平滑动画?

html - CSS 中的 4 个渐变边框

html - Aframe Sphere-Collider 碰撞触发功能

javascript - 将html表单中的数据存储到excel表格中?