html - 水平メニューの作成 - インライン対インラインブロック、対フロート?

Question

を使用して水平メニューを作成しているとき<ul><li>....</li></ul>に、よくわからない動作に出くわしました。

• ul li {display:inline;} メニューが垂直になるのはなぜですか? float:left を追加すると水平になりますが、表示をインラインに設定するだけで十分ではないでしょうか?
• 一方、単に ul li {display:inline-block;} を実行すると、float を使用しなくても水平メニューが表示されます。何故ですか？また、横メニューを作る場合、どの方法が良いですか？または、これら 2 つよりも優れた第 3 の方法はありますか?

Answer 1

ドロップダウンメニューの場合は通常フロートで、インラインブロックは1行メニューの場合だけだと思います

Answer 2

インラインは表示のデフォルト値であり、通常の順序で並べ替えるだけです。

詳細については、 http：//www.w3schools.com/cssref/pr_class_display.aspを参照してください。