Question

为什么我的菜单在IE 11中崩溃（不知道它是如何与其他人一起）和Chrome而不是在Firefox中？

www.jonasfotograf.se

道歉，我没有留下足够的信息，来这里：

<nav id="uBlogsy_nav" class="main-navigation">
<ul>
<li><a href="/home">Home</a></li>
<li><a class="uBlogsy_nav_item"  href="/blogg">Blogg</a></li>
<li><a class="uBlogsy_nav_item" href="/livsstil">Livsstil</a></li>
And so on..
</ul>

的CSS：

nav.main-navigation {
    float: right;
    margin: 15px 40px 10px 0;
    display: inline-block;
}
nav.main-navigation ul {
        display:inline-block;
        margin-right: 17px;
    }

    nav.main-navigation li {
        display: inline-block;
        list-style: none;


    }

        nav.main-navigation li a {
            text-decoration: none;
            color: #fff;
            font-family: Arial, sans-serif;
            font-size: 0.8em;
            text-transform: uppercase;
            display:inline-block;
            padding-right: 4%;
        }

谢谢，纳斯

Answer 1

该更改应该适用于Chrome，在我的工作

nav.main-navigation li a {
  ...
  display: block;
  ...
}

但不知怎的，它在我的IE 11中不起作用

Answer 2

我明白了。我使用padding-right：5px而不是padding-right：4％;所以它与display没有任何关系：inline-block但它在db中正确填充。任何人都可以解释一下吗？

CSS - IE和Chrome中的菜单崩溃

2 个答案: