CSS问题 - 保证金最高 - Google Chrome

Question

在我的Joomla网站上,我只有谷歌浏览器中的margin-top有问题.Firefox和IE都可以.有27个像素,菜单在上面.我使用Yootheme的主题(但他们无法解决问题).

如果我输入这种风格:

ul.menu.menu-dropline {
  margin-top:27px;
}

谷歌Chrome版本还可以.但不再是Firefox和IE浏览器了.

不幸的是,我不是CSS profi - 希望你能提供帮助.

亲切的问候winfo

Answer 1

我在CSS代码中找到了这些行.可能它们导致FF和Webkit浏览器之间的行为差​​异.

-webkit-margin-before: 1em;
-webkit-margin-after: 1em;
-webkit-margin-start: 0px;
-webkit-margin-end: 0px;
-webkit-padding-start: 40px;

快速解决方案:将以下内容添加到CSS代码中.

ul.menu.menu-dropline {
    -webkit-margin-before: 27px;
}