我找遍了，似乎找不到正确的答案。这些 div 都是从数据库动态创建的。例如。
<div class="accordian_header"><div class="title"> any title </div></div>
<div class="accordian_body">
<div class="topleft"> info....</div>
<div class="topright"> info...</div>
</div>
现在我希望“topleft”类位于“accordian_body”div 的左上角，而“topright”位于右上角。问题是，如果我将它们分配给 position: absolute，那么它们就会远离页面的右上角。如果我选择任何其他类型的定位，它就不起作用。
现在，如果我将“accordian_body”设置为 position: absolute ，那么 topright 和 topleft 就可以了。问题是我正在动态创建它们，所以它们不是绝对的。它们需要在彼此之上创建，并且不留下任何位置属性可以完美地实现这一点。我发现对于“topleft”和“topright”，我可以使用 float: left 或 right，这很有效，但如果我想在顶部或底部放置文本或图像，到目前为止我还没有运气。
最佳答案
尝试为 .accordion_body 设置 position: relative。然后其中的绝对定位元素将关注该容器而不是它们使用的任何祖先，而不会中断文档的正常流动。
关于html - css div 位置，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/11005434/