li宽度在Firefox中正确显示但在chrome中没有显示

Question

我正在学习CSS，同时开发一个简单的图书馆网站。但我遇到了一些麻烦。

1. 确定li宽度。当我放大时，导航菜单右侧会有一个空白区域。但这只发生在chrome中，而不是在firefox中。

   以下是链接：Bangda

   如何解决这个问题？

2. 页面底部有额外的白色页脚。我认为这是因为页面分辨率（或不是？）。但如果我去菜单“Buku”，页面底部的白色空间消失。我哪里做错了？

请指教。感谢

Answer 1

1. 我没有在我正在运行的Chrome版本上看到任何白色的文章...你能发布一个屏幕上的文件，以便我们看到你在说什么吗？

   < / LI>

2. 由于当您访问其他页面时空白区域消失，这意味着您在两个页面之间设置页面的方式不同。它可以像删除你意外放入一行的空间一样简单。我建议在主页上查看Buku页面，找出你的导航区别。

但如果你正在寻找快速修复方法，只需从你的行高中删除.1em。

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