浏览器显示不同的视图 chrome vs firefox答案

【问题标题】：browsers are showing different views chrome vs firefox浏览器显示不同的视图 chrome vs firefox
【发布时间】：2014-01-28 13:33:11
【问题描述】：

我正在使用 Drupal 更改我的主页。

我认为 css 可能是问题所在。

在 Firefox 上我的代码可以工作，但是当我在 Google chrome 上预览时，它会显示不同的视图。

关于问题可能是什么的任何想法..

我不明白为什么它在一个上有效而在另一个上无效......

代码（因为这是drupal）我已经下载了模块视图代码）

  .liScroll-container .mask {
    position: relative;
  left: 10px;
 width: 570px;
 overflow: hidden;

}

  .liScroll-container {
 width: 570px;
 height: 29px;
margin: 0;
 padding: 0;
 margin-bottom: 10px;
 overflow: hidden;

【问题讨论】：

请把html和css放在这里
jsfiddle 会做得更好，而不是发布 html 和 css :)
问题是我在drupal中使用了一个模块
如果在更改 CSS 后发生这种情况，请确保其中一个浏览器没有缓存旧版本的样式表。清除缓存重试。
我看的很快。 div 在 span 内有一个 div... 这通常是一个禁忌。无论如何，如果你删除跨度并给 div 一个 29px 的行高，它可以在 Chrome 中工作......我认为它也可以在 Firefox 中工作。

【解决方案1】：

我以前遇到过这个问题，尝试更新两者和/或减少操纵定位的 css。有时我会通过给予更多的回旋余地来解决这个问题，或者：

float: none ;margin: 0 auto;

或

float:left !important; margin: 0px 0px 0px 0px !important;

根据您的需要进行调整

【讨论】：