css - 对于这个页面，为什么我必须使用 display: inline-block 而不是 display: inline？

Question

http://christianselig.com/wp/

对于主导航，如果我使用 display: inline，它们将显示为块。我一时兴起添加了 display: inline-block ，它起作用了。抓头

Answer 1

现在定义您的主要 nav li定义display:inline-block 或 flaot:none因为您的.main-navigation li 定义 float left

nav.main-navigation li {
    display: inline-block;
    float: none;
    vertical-align: top;
}

结果是

Answer 2

我已经检查了您的 html 代码和 css，根据 Web 标准，这不是有效的，如果您解决了一个问题然后出现其他问题，则会产生许多问题，所以请检查代码

nav.main-navigation li {
    display: inline-block;
    float: none;
}

您可以将其添加到您的 css 中，它工作正常，但导航与您的横幅标题合并