Как «очистить» позицию относительно?

Question

Я хочу достичь слева: 0 тела, но я в положении относительно. Есть ли способ сделать это без изменения класса контейнера?

Я ищу что-то вроде clear: both плавающих объектов.

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 spec говорит:

Несмотря на то, наружная коробка родитель фактически не смещение, установив его свойство «положение» к «относительно» означает, что его коробка может служить в качестве содержащего блока для позиционируемых потомков.

Любой способ сделать то, что вы просите хак, и вы должны пересмотреть либо (а) почему вам нужна иерархия быть как она есть, или (б) почему вам нужен блок, содержащий быть относительно расположения.

Answer 2

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

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