css - このページで、display：inlineの代わりにdisplay：inline-blockを使用する必要があるのはなぜですか？

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をチェックしましたこれはウェブ標準に従って無効であり、あなたが1つの問題を修正すると他の問題が発生する場合は多くの問題を引き起こしますので親切にコードをチェックしてください

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

これをCSSに追加すると正常に機能しますが、ナビゲーションはバナー見出しとマージされます