为什么 IE9、FF、opera 比 chrome 增加 20%+ 边距？

Question

LIVE CODE

如何将class="content_push" 的边距固定为跨浏览器的统一。

Chrome 给了我我喜欢的视图 对比 IE9，opera，ff，看起来像：

<div class="content_push">
  <section class="cc">
    <div class="margin_wrapper">
      <header>
        <hgroup>
          <h1 class="at">rocking grass out styles for everyone.</h1>
          <h2 class="ast">The you mice structure for to of almost ability an trying the when designer dissolute that constructing in quickly distinct...</h2>
        </hgroup>
      </header>
      <h3 class="title_header">the good</h3>
      <p></p>
      <h3 class="title_header">the bad</h3>
      <p></p>
      <h3 class="title_header">the ugly</h3>
      <p></p>
    </div>
  </section>

</div>

CSS

.mc {
min-height:100%;
    width:100%;
    background:#fff;
    z-index:1;
    position:absolute;
    border-top:1px #c9cacc solid;
}

.content_push {
    margin-top:-35%;
    position:absolute;
    z-index:10;
    background:#FFF;
}

Answer 1

我不知道它是否会起作用（我认为它会起作用），但您可以尝试“重置”css，然后它们会应用您的样式。在此处查看：http://meyerweb.com/eric/tools/css/reset/ 在使用样式之前应用此 URL 中显示的样式。还有其他的css重置器，谷歌搜索一下。