0

私のウェブサイトに空白が表示されます: http://goo.gl/hTyrj

Firefox や IE ではなく、Chrome ブラウザを使用している場合にのみ表示されます。さまざまなブラウザー (chrome を含む) でリンクを開いてみてください。何が問題なのかがわかります。

クロムの要素を検査しようとしています。しかし、それが何であるかを認識できません。

誰でも私を案内してください。CSS の問題か、ヘッド領域のスクリプトの問題か?

更新:以下の写真を参照してください。

クロム：

Chrome ブラウザの余分な空白

ファイアフォックス:

ファイアフォックス

4

1 に答える 1

2

また、あなたのサイトには Chrome と IE10 の違いも見られます。

調べたところ、何らかの理由でこのスニペットがいくつかの問題を引き起こしていることがわかりました。

#nav-container {
  margin-bottom: 3em;
}

もう少し進むと、次のスニペットが表示されます。

#nav-container {
  border: 1px solid #d9d9d9;
  border-width: 1px;
  background: #fff;
  background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f5f5f5));
  background: -webkit-linear-gradient(#ffffff, #f5f5f5);
  background: -moz-linear-gradient(center top, #ffffff 0%, #f5f5f5 100%);
  background: -moz-gradient(center top, #ffffff 0%, #f5f5f5 100%);
  margin: 0 0 1em 0;
}

両方のスニペットの margin-bottom を 0 に設定すると、結果は期待どおりになります!

于 2013-07-01T15:25:13.483 に答える