Html 具有重叠元素的固定大小行

创建一行元素的最简单方法是什么？当元素不能并排放置在一行上时，它们将均匀重叠而不是缠绕

它应该看起来有点像这样：

ul{
宽度：100px；
}
李{
浮动：左；
}

A
A
A
A

不完美，但也许这是正确的方法：

ul{
显示：表格；
保证金：0；
填充：0；
列表样式：无；
宽度：300px；
高度：30px；
溢出：隐藏；
背景：橙色；
}
李{
显示：表格单元格；
位置：相对位置；
}
李>司{
位置：绝对位置；
}

内容1
内容2
内容3
内容4
内容5
内容6
内容7

我想到的唯一解决方案是在这种情况下使用flexbox。只需添加属性

display:flex

到父

ul

标记，查看您添加的任何子项发生了什么：）

---

家长不包含

li

s。对不起，我不明白您想要什么。没有理由投反对票！不是我否决了你的答案。我的意思是父母不应该超过给定的宽度。所有子元素都应保留在父元素中。在您的回答中，如果您为父项设置宽度，则无所谓，子项无论如何都会溢出。我希望它们相互重叠。我已经更新了我的答案。它并不完美，但也许你可以用它。实际上这正是我想要的！这是可行的，但它需要在子对象的数量发生变化时更改子对象的宽度。我希望有一种方式，当孩子的数量动态变化时，我不必触摸样式。

ul {
  width: 100%;
  display: flex;
}
li {
  width: 25%;
}