创建一个水平菜单 - 内联vs内联块，与浮点数？

Question

使用<ul><li>....</li></ul>创建水平菜单时，我遇到了一些我不太了解的行为。

• ul li {display：inline;}为什么这仍然导致菜单垂直？如果我添加浮动：左边然后它变成水平，但是它不足以将显示设置为内联吗？
• 另一方面只是这样做：ul li {display：inline-block;}导致水平菜单而不需要使用float。这是为什么？另外，在创建水平菜单时哪种方法更好？或者是否有第三种方法比这两种更好？

Answer 1

内联是显示的默认值，它只是按正常顺序放置。

有关详细说明，请参阅http://www.w3schools.com/cssref/pr_class_display.asp。

Answer 2

我认为浮动通常用于下拉菜单和内联块只适用于1行菜单