Question

在css中是否有任何方法可以将Element定位为绝对（与父元素相关），例如： G。在其父元素的底部，但它仍然保留在文档流中？

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

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

Answer 1

如果强制

，您可以相对于父级定位绝对div

position: relative;

父div上的

。否则绝对将相对于文档定位。

<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-cell作为选项（在IE7上不起作用）

定位绝对并保持文档流程

1 个答案: