html div高度跟随父级,html – CSS – 相对定位父div不伸展到绝对子div高度

我一直在搜索这个整个上午，似乎不能让它工作：

我有一个父DIV与相对定位和一个两列孩子DIV设置里面，它们都位于绝对。

我需要父DIV的高度来扩展内部DIV的内容。

我试着把一个.clearfix类型位在#content的结束标签之前，但我不浮动任何东西。我也试过添加一个float属性到#content div无效。任何人都可以在这里指向正确的方向。显然，我缺少一些嵌套显示如何影响彼此。

CSS：

#content {

width: 780px;

padding: 10px;

position: relative;

background: #8b847d;

}

#leftcol {

width: 500px;

position: absolute;

}

#rightcol {

width: 270px;

position: absolute;

left: 500px;

margin-left: 10px;

text-align: center;

}

HTML：

Lorem Ipsum