Mój problem jest następujący:
Obramowanie nie zawija zawierających elementów. Wiem, że to dlatego, że pozycjonuję bezwzględny element treści, ale potrzebuję, aby były absolutne, aby układ działał. Oznacza to również, że nie mogę użyć rozwiązania clearfix (oznacza to, że muszę unosić elementy, co nie jest opcją).
Moje pytanie brzmi: jak uzyskać rodzic div, aby uzyskać wysokość zawartych elementów.

EDYCJA: Brak rozwiązania Javascript, tylko CSS

HTML:

<div class="mask">
    <div id="content-1" class="content-item">
        Lorem ipsum dolor sit amet, consectetur adipisicing elit...
    </div>
    <div id="content-2" class="content-item">
        Lorem ipsum dolor sit amet, consectetur adipisicing elit...
    </div> 
</div>​​​​

CSS:

.mask{
    position:relative;
    width:800px;
    border: 1px solid black;

}
.content-item{
    position: absolute;
    width:300px;
}
#content-1{
    left:10px;
}
#content-2{
   left: 300px;
}

​