0

我看了一遍，似乎找不到正确的答案。这些 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”类位于右上角。问题是如果我给他们分配位置：absolute 那么他们就会走到页面的右上角。如果我选择任何其他类型的定位，它就不起作用。

现在，如果我将 "accordian_body" 设置为 position: absolute ，然后 topright 和 topleft 工作。问题是我正在动态创建它们，所以它们不能是绝对的。它们需要在彼此之上创建，并且没有任何位置属性可以完美地工作。我发现对于“topleft”和“topright”，我可以使用 float: left 或 right 并且可以，但是如果我想要顶部或底部的文本或图像，到目前为止我还没有运气。

4

2 回答 2

2

制作容器relative，然后您可以绝对定位孩子。

CSS 

.accordian_body {
    position: relative;
}
.topleft {
    position: absolute;
    top: 0;
    left: 0;
}
.topright {
    position: absolute;
    top: 0;
    right: 0;
}
于 2012-06-12T21:55:33.237 回答
2

尝试设置position: relative为.accordion_body. 然后其中的绝对定位元素将关注该容器而不是他们使用的任何祖先，而不会破坏文档的正常流程。

于 2012-06-12T21:56:34.020 回答