对于这个页面，为什么我必须使用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 定义< / strong> float left

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

结果

Answer 2

我检查你的html代码和css根据网络标准这是无效的，并且如果你修复了一个问题会产生很多问题然后出现其他问题那么请检查代码

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

你可以将它添加到你的CSS，它工作正常但导航与你的横幅标题合并