Firefox 和 chrome 之间的边距不兼容

Posted 2023-03-06

技术标签:

【中文标题】Firefox 和 chrome 之间的边距不兼容【英文标题】：margin incompatibility between firefox and chrome 【发布时间】：2014-12-19 02:01:40 【问题描述】：

我正在自定义一个名为 Canvas 的 wordpress 主题，但遇到了一些奇怪的问题。

Firefox 不接受这个 CSS 属性：

页眉margin-top:-130px;

它在 Chrome 上完美运行。

这是我网站的链接：http://creatyz.com/yogasalon/

谁能帮帮我？我尽我所能修复它。

提前非常感谢！

【问题讨论】：

【参考方案1】：

改变

#header 
    padding: 40px 0px 45px;
    clear: both;
    position: relative;
    background-size: auto auto;

到

#header 
    padding: 40px 0px 45px;
    position: relative;
    background-size: auto auto;

或者如果那是供应商 css

添加

 #header 
     clear: none !important;

到你的 CSS

（请注意 !important 仅用于测试，应替换为类似的内容）

#wrapper #header

对于选择器

【讨论】：

添加 clear: none !important; 确实有效！非常感谢。【参考方案2】：

听起来好像您正试图调整页面顶部的标题？如果那是您可以使用top:/*Your value*/;而不是否定的margin-top:/*your value*/;！

【讨论】：

【参考方案3】：

试试

.col-full  position: relative; 
header  position: absolute; right: 1em;

如果可能，尽量不要使用负边距...

;]

【讨论】：

以上是关于Firefox 和 chrome 之间的边距不兼容的主要内容，如果未能解决你的问题，请参考以下文章