如何使用div制作水平列表？

Question

我正在尝试制作一个简单的列表，其中将有3个div。 我不能这样做，虽然我确实提到了这个主题的内容：

Horizontal (inline) list in HTML/CSS with divs

div显得垂直，​​我无法想象为什么。

你知道其他任何方法吗？

提前谢谢。

Answer 1

如果您使用display: inline或float: left，它们可能会显示为水平。

Answer 2

1. 使用display：inline;与使用内联块不同。
2. 看起来您正在尝试显示列表项，而不是内联div。

如果＃2正确，则需要确保使用display：inline-block，而不是display：inline。

此外，从您的代码中，您需要确保您的ul元素具有id =“navlist”...相同的样式不适用于文档中的所有其他UL元素。