如何"清除"相对位置？

Question

我想要到达左侧:身体的0,但我在一个相对的位置.有没有办法在不更改容器类的情况下执行此操作？

我正在寻找清楚的东西:两个浮动物体.

HTML:

<div class="container">
    <div class="absolute">Content</div>
</div>

样式:

.container {
    position: relative;
    left: 100px; /*or any other value*/
}

.absolute {
    position: absolute;
    left: 0;
}

Answer 1

您所要求的内容违反了相对包含块中绝对定位元素的预期用法.在CSS2规范说:

虽然父外框实际上没有偏移,但将其"position"属性设置为"relative"意味着它的框可以作为定位后代的包含块.

你要问的任何方法都是黑客,你应该重新考虑(a)为什么你需要层次结构,或者(b)为什么你需要包含块相对定位.