网站在Chrome上工作正常但在mozilla或IE上没有

Question

我正在开发一个纯HTML5网站 哪个在chrome上运行正常但是当我在mozilla或IE中打开它时它无法正常工作。 即使我重置了我的CSS

 html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}

仍然mozilla给我一些填充和保证金问题 这是css代码

    .container1 {
    top:100px;
    position: relative;
     width: 1104px;
    max-width: 100%;
    margin: 0 auto;
}

这是标题代码

    .header{
  /*padding: 3em 0;*/
  position: relative;
  width: 95%;
  height: 100px;
  max-width: 100%;
   position: fixed;
  z-index: 100;
 background-color:white;
  }

此代码在chrome中运行良好，但在mozilla上运行

第一张图片是mozilla的输出 第二个来自chrome

Answer 1

让我对你诚实，并告诉你重新审视它的编码方式。无论如何要解决你的问题，你需要做的就是：

.container1 {
  /* top: 100px; */
  position: relative;
  width: 1104px;
  max-width: 100%;
  margin: 0 auto;
}

删除：顶部：100px 将修复它（意味着固定菜单位于同一位置）。

正如我所说，有更好的方法可以让它看起来很好看（比如响应流程）。祝你好运。