Html 同一行中无序列表的元素

我有如下无序列表

 <div>
  <ul>
    <li id="e1">element one</li>
    <li id="e2">element two</li>
  </ul>
 </div>

元素一
要素二

我希望e1和e2出现在同一行中。我不想使用显示：内联块或内联块

---

是否可能以及如何设置？

您可以尝试设置宽度并将列表向左浮动

ul li{
 width: 100px;
 float: left;
}

---

除了一些棘手的定位之外，您的主要选择是使用浮动（和浮动清除）

它本身也有一些恼人的问题，但它确实存在

除非在这些lis上使用了display:block，否则无需设置宽度。这可能是因为您说过不想内联它们（默认情况下是内联的）

当然，还有很多其他的列表样式需要考虑，如空白、填充和列表样式*。p>

ul{
列表样式类型：无；
保证金：0；
填充：0；
}
#e1{
位置：绝对位置；
排名：0；
}
#e2{
位置：绝对位置；
排名：0；
左：100px；
}

元素一
要素二

我可以在CSS中想出至少5种方法来实现这一点，而无需显示内联块或内联。但是这些有什么问题吗？@Alohci你能把它们列为一个答案吗？如果不能接受溢出：隐藏；在UL上（如果您需要从菜单中突出某些内容，通常是这样），如果需要，您可以使用另一种浮动清除技术。浮动清除意味着强制容器环绕其中的浮动元素，通常会影响容器的高度，并防止页面上的内容与菜单重叠。

ul {
  overflow: hidden;
}

ul li {
  float: left;
}