如何使流动文本扩展并适合div而不指定高度

Question

我的结构中文本需要在body中的div框内流动。但似乎我无法让它工作。也许我对位置做错了吗？标签？

这是小提琴：http://jsfiddle.net/Tf5Z8/

这就是我希望实现的目标：http://oi58.tinypic.com/332njm9.jpg以便随着文本的不断添加（更少或更多），它会保持底部完整并相应地调整div的大小。现在我将#bodyContainer设置为高度：300px;

#bodyContainer { width:1024px; height:300px; margin:auto; background-color:#f4f3e7; padding-top:20px;  }

但我不想这样做，因为会有很多页面具有不同的文字数量。

感谢百万，干杯。

Answer 1

将#bodyContainer height更改为auto。像这样：JSFiddle

Answer 2

您只需添加min-height即可。所以用min-height替换height属性。你完成了。

Answer 3

如果使用绝对位置没有任何问题，请尝试此方法。将relative位置添加到#bodyContainer和absolute位置#sidebarLeft，然后float:right sidebarRight。请检查此fiddle

CSS更改

#bodyContainer { 
    width:1024px; 
    min-height:100px; 
    margin:auto; 
    background-color:#f4f3e7; 
    padding-top:20px; 
    position:relative; 
    overflow:hidden; 
}

#sidebarLeft { 
    height:100%; 
    width:360px; 
    background-color:#FFF; 
    margin-left:30px; 
    margin-bottom:20px; 
    position:absolute; 
    top:20px;
    left:0
}
#sidebarRight { 
    height:100%; 
    width:634px; 
    float:right; 
}