带有绝对定位元素的Clearfix

Question

我的问题如下:
边框不包装包含的项目.我知道这是因为我将内容项置于绝对位置,但我需要它们才能使布局工作.这也意味着我不能使用clearfix解决方案(这意味着我必须浮动元素,这不是一个选项).
所以我的问题是,如何让父div获得所包含元素的高度.

编辑:没有Javascript解决方案,只有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;
}

​

Answer 1

一个项目设置float:left,另一个position:absolute; right:0和使用clearfix.