Javascript 如何阻止元素重叠？

这是我的密码

ulli{ 显示：内联； } 李{ 填充：10px； 边框：1px纯棕色； 右边距：5px； 位置：相对位置； 背景色：深蓝色； } 试试这个：

li {
    display: inline-block;
}

通过使用inline，每个li的行为就像一个单词，因此没有自己的“box”。内联块让它们并排坐着，但给了它们自己的“盒子”

如果您需要更多的控制，那么请开始查看flex box:和，但不要忘记您将需要flex wrap:wrap

---

另一方面，在您的示例中，如果只提供输出的HTML而不提供php代码，则会更容易，因为这不是必需的：

使用内联块而不是内联块。或者增加线条高度以供将来参考，当您询问css问题时，最好使用呈现的html创建一个链接-当您坚持使用php codeCBroe时，只发布原始php。具体来说，请使用*display:inline block；*。还有，在你中间的某个地方，你回响；由于看不到表，这可能是打字错误。@realbart是内联元素填充的常见问题：感谢flex box的建议。它worked@AkhilSharma我很高兴它成功了。你应该把它标记为正确答案，这样将来找到这篇文章的人都知道它是有效的