Html 定位绝对和保持文档流

在css中是否有任何方法可以定位元素，比如绝对元素（相对于父元素），例如。G位于其父元素的底部，但是否仍保留在documentflow中

例如。一个相对位于元素上方的元素，通过获得更多的高度，向下推动“绝对”元素，而容器元素的高度也在增加，此时相对元素将“接触”绝对元素，但另一方面“绝对”-如果没有“接触”，元素的位置和容器元素的高度不会改变

---

或者这只是一个不可能完成的任务，只能用javascript完成吗？

如果强制执行，您可以相对于父级定位一个绝对div

position: relative;

在父分区上。否则，绝对位置将相对于文档

<div style="position:relative;">
    <div style="position:absolute; top:10px; right:10px;">
         ................
    </div>
</div>

................

这不会产生您想要的拉伸效果，但是如果您想要描述的那种块行为，浮动和应用边距有什么错

<div style="position:relative;">
    <div style="float: right; margin-top:10px; margin-right:10px;">
         ................
    </div>
    <div>text</div>
</div>

................
文本

只要正确清除父div，则上述div的浮动内容或正常内容都可以确定父元素的高度

---

如果您还需要与底部对齐，则可以将“显示：表格单元格”作为一个选项（在IE7上不起作用）

如果您强制

position: relative;

在父分区上。否则，绝对位置将相对于文档

<div style="position:relative;">
    <div style="position:absolute; top:10px; right:10px;">
         ................
    </div>
</div>

................

这不会产生您想要的拉伸效果，但是如果您想要描述的那种块行为，浮动和应用边距有什么错

<div style="position:relative;">
    <div style="float: right; margin-top:10px; margin-right:10px;">
         ................
    </div>
    <div>text</div>
</div>

................
文本

只要正确清除父div，则上述div的浮动内容或正常内容都可以确定父元素的高度

---

如果您还需要与底部对齐，那么您可以将display:table单元格作为一个选项（在IE7上不起作用）

当然可以，但是e。GtextOther text将让这两个文本互相流入，我想在不添加高度属性或top:xpx的情况下防止这种情况发生-包装元素的两个子元素的属性听起来好像你们不想要绝对的行为，但是浮动。类似浮动：底部（但仍然，浮动元素的行为不会像相对定位的元素），是的，这就是我所说的“类似绝对”的意思当然，但e。GtextOther text将让这两个文本互相流入，我想在不添加高度属性或top:xpx的情况下防止这种情况发生-包装元素的两个子元素的属性听起来好像你们不想要绝对的行为，但是浮动。类似浮动的东西：底部（但浮动元素的行为不会像相对定位的元素），是的，这就是我所说的“类似绝对的东西”