CSS中Safari的保证金最高问题

Posted

技术标签:

【中文标题】CSS中Safari的保证金最高问题【英文标题】:Margin top issue with safari in css 【发布时间】:2013-10-21 02:03:16 【问题描述】:

我遇到了问题,当我在任何其他浏览器(例如 IE、Firefox 或 Chrome)上检查该网站时,它运行良好,但在 Safari 上我遇到了上边距问题。我有 2 个相似的页面,船上的页面生活在任何浏览器上都运行良好,但页面蓝色巡航与 Safari 有问题,文本已关闭,不应该那样。我如何定位页边距以使文本位于顶部并与船上的页面寿命相同? 请问有什么帮助吗?

这里是 ulr http://www.guletsturkey.co.uk/blue-cruise.html

干杯

【问题讨论】:

【参考方案1】:

您在此 CSS 规则上设置了站点宽度,问题似乎是您设置的固定宽度与影响此页面的 iFrame 冲突。此样式表似乎是您网站上的全局样式表,因此我只会在蓝色巡航页面上编写此规则。

#Gulets_flash 
 margin-left: 178px;
 width: auto;/*THIS IS PART OF THE PROBLEM*/
 height: 600px;

此外,我不确定您的客户想要什么或您想要的设计,但我建议使用容器来包装您的内容,而不是使用浮动来定位您的内容。

【讨论】:

以上是关于CSS中Safari的保证金最高问题的主要内容,如果未能解决你的问题,请参考以下文章

在 Safari 中重叠 CSS flexbox 项目

Safari 12 css 动画效果不佳

safari 中的 css3 过渡不顺畅

CSS转换导致div在Safari中重叠?

CSS背景中的SVG未显示在Safari中

忽略溢出的 CSS 不透明度过渡:隐藏在 Chrome/Safari 中