我的 HTML 标记中有一个 DIV，它是相对定位的。此容器内的 DIV 是绝对的。
这破坏了完整的布局，因为下面的 HTML 元素现在定位错误，(上面的)相对的 DIV 溢出了它们...... 但为什么？我该如何解决？
最佳答案
一旦你用 :relative 定位了一个容器，它里面的所有东西都会相对于它定位。 position:absolute 将子元素拉出页面流，并使用 position:relative 将它们定位在容器的顶部。
因此，一旦您拥有带有 position:relative 的元素，您还需要添加规则来移动和定位子元素。考虑使用 left: 和 top: 或 right: 和 bottom 来定位你的 :absolute 子元素。
或者，如果您不想让子元素脱离页面流，您也可以尝试使用 :relative 定位子元素。
您有要查看的代码或 jsfiddle 吗？否则很难知道发生了什么并提出修复建议。
关于CSS 位置 :absolute destroys layout after element，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/50238575/