html - IE9、FF、opera がクロムに​​対して 20% 以上のマージンを追加するのはなぜですか?

Question

ライブコード

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 リセッターがあります。Google 検索を行ってください。