List 如何使用div创建水平列表？

我试图做一个简单的列表，其中将有3个div。 我不能这样做，尽管我确实做了本主题中提到的事情：

div看起来是垂直的，我无法想象为什么

你知道还有别的方法吗

---

提前谢谢。

如果使用

display:inline

或

float:left

它们可能会显示为水平。

如果使用

display:inline

或

float:left

它们可能会显示为水平

使用display:inline；与使用内联块不同

看起来您正在尝试显示列表项，而不是以内联方式显示div

如果#2正确，则需要确保使用display:inline块，而不是display:inline

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

使用display:inline；与使用内联块不同

看起来您正在尝试显示列表项，而不是以内联方式显示div

如果#2正确，则需要确保使用display:inline块，而不是display:inline

---

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

是否将它们设置为

display:inline block？是的，我做了：ul#navlist li{display:inline；}您应该添加一些代码，可能是一个jsfiddle（），也许问题不直接在您要查找的地方。您是否也将内部div设置为display:inline，这是我第一次使用这个JSFIDLE，但我认为我做得对？是的，我做了：ul#navlist li{display:inline；}您应该添加一些代码，可能是一个jsfiddle（），也许问题不直接在您要查找的地方。您是否也将内部div设置为display:inline，这是我第一次使用这个JSFIDLE，但我认为我做得对。添加这个css:.topic{display:inline}它使我的div消失了。我改变了他们的颜色，他们的位置，但仍然消失了。好吧，当我把一些图像放在div里时，它起作用了。我给了它们高度：200px宽度：200px和背景色，它们消失了，但当我把一些图像放进去时，它们出现了。谢谢如果您使用display:inline块而不是display:inline，我认为您的高度和宽度值将起作用。添加以下css:。主题{display:inline}它使我的div消失。我改变了他们的颜色，他们的位置，但仍然消失了。好吧，当我把一些图像放在div里时，它起作用了。我给了它们高度：200px宽度：200px和背景色，它们消失了，但当我把一些图像放进去时，它们出现了。谢谢如果您使用display:inline块而不是display:inline，我认为您的高度和宽度值将起作用。