css - Chromeのcssからのdivの上のギャップ

Question

div がページの上部に配置されないという chrome の問題があります。

ここにページがありますhttp://beektest.co/s27

問題はhttp://gms.beektest.co/resources/css/leanorama.cssから発生しています(少なくともこの css ファイルを削除すると、Flash div がページの上部に配置されます。

なぜこれが起こっているのか明らかな何かを見ることができますか?

Answer 1

以下をleanorama.css（21行目）から削除すると、ギャップが修正されたようです。

::before,
::after {
  content: "";
}

Answer 2

次のように、独自のカスタム css をセレクターに追加してはどうでしょうか。

::before,
::after {
    content: "";
    display: block;
    height: 0px;
    line-height: 0px;
}

基本的に、CSS で生成されたコンテンツの高さをゼロにしています。

Answer 3

あなたのCSSに入れますline-height: 0;

CSS:

* {
  margin: 0;
  padding: 0;
  line-height: 0;
}