如何强制外部 div 扩展到内部 div 的高度？

我有 ajax 到的数据<div class="content">。我希望外部 div 扩展到内部 div 的高度。我不知道该怎么做。

HTML:

<div class="outer">
    <div class="inner">
        <div class="content">Stuff goes here</div>
    </div>
</div>

CSS:

.outer {
    width: 740px;
    min-height: 250px;
    margin: 0 auto;
    position: relative;
    margin-bottom: 10px;
}

.inner {
    position: absolute;
    top: 70px;
    left: 10px;
    width: 335px;
    bottom: 0;
}

.content {
    font-size: 13px;
    margin: 0 0 7px 0;
    text-align: left;
    position: relative;
}

我希望外部 div 扩展到内部任何内容的高度<div class="content"></div>。我怎样才能做到这一点？

当您在 CSS 中使用 POSITION 时，就会发生这种情况。从 INNER 类中删除 POSITION，OUTER div 将正确扩展。也许你可以使用边距来定位你的内部 div。

EDIT:

这里有一个可能的替代 CSS 供您使用。它可能适合也可能不适合您的要求。

.outer {
    width: 740px;
    min-height: 250px;
    margin: 0 auto;
    position: relative;
    padding-top:70px;
    padding-left:10px;
    margin-bottom: 10px;
}

.inner {
    width: 335px;
    bottom: 0;
}

.content {
    font-size: 13px;
    margin: 0 0 7px 0;
    text-align: left;
    position: relative;
}