メニューとコンテンツの間に大きなギャップがあります - どうすればこの問題を解決できますか？

Question

私は同僚の小さなリンクアグリゲータサイトを以下のサイトで運営しています：http://techlinks.neocities.org/index.html

私はちょうどpure.cssフレームワークを使ってサイトを改造したので、ドロップダウンメニューを使用できます。しかし、これはnavメニューとコンテンツの間に大きなギャップをもたらしたようです。

影響を受けた要素で余白とパディングを0に設定しようとしましたが、負のパディング値が試され、ナビゲーションバーのさまざまな配置プロパティが試されました。

私が試したことはありませんが、ギャップを取り除きます。

ギャップを作成しているものは何ですか、どうすればそのギャップを取り除くことができますか？

ありがとうございます。

Answer 1

.pure-menu-item要素からheight: 100%を削除します。 pure-min.cssにあります。

Answer 2

F12ボタンを押してコードを見ました。 .pure-menu-itemの高さを100%と設定しました。これがこの大きなギャップの原因です。 10%のように小さい値に設定してみてください。そうすべきだと思います。

Answer 3

CDNリンクを使用する代わりに、カスタマイズされたバージョンのpure.cssを使用するようにサイトを変更しましたが、変更を提案（高さプロパティを削除）しました。

ギャップがなくなった。多くの方に感謝します。