liの幅はFirefoxでは正しく表示されますが、chromeでは正しく表示されません。

Question

私はCSSを学び、同時に簡単な図書館ウェブサイトを開発しています。しかし、私はいくつかの問題を抱えています。

1. liの幅の決定。ズームインすると、ナビゲーションメニューの右側に空白が表示されます。しかし、これはクロームでのみ起こりますが、ファイアフォックスでは起こりません。ここで

   はリンクです：Bangda

   この周りを動作させる方法は？

2. ページ下部に余分な白いフッターがあります。私はそれがページの解像度のためだと思いますか？しかし、メニュー "Buku"に行くと、ページ下部の空白が消えます。どこで間違っていますか？

アドバイスをしてください。おかげ

Answer 1

1. 私が実行しているクロームのバージョンに任意の白い部分が表示されませんが...あなたはそれのSCREENCAPを投稿できるので、我々はあなたが話しているかを見ることができますか？

2. 異なるページにアクセスすると空白が消えるため、2ページ間にページを設定した方法に違いがあります。それはあなたが間違ってラインに入れたスペースを取り除くのと同じくらい簡単かもしれません。私は、ホームページに照らしてBukuページをチェックし、あなたのナビゲーションの違いがどこにあるのかを知ることをお勧めします。

クイックフィックスをお探しの場合は、ラインの高さから.1emを削除してください。

ul.dropdown li { 
    float: left; 
    line-height: 1.2em; 
    vertical-align: middle; 
    zoom: 1; 
    }