html - 添加更多文本时 CSS DIV 不会扩展

Question

我有一个快速的 CSS 问题，我希望有人能帮助我!

我有一个名为 #ContentPanel 的 DIV，我希望它能够扩展，以便在需要时可以容纳更多文本。目前，如果文本长度超过 500px(如 CSS 中指定的那样)，它会从底部流出并覆盖下面 div 中的内容。如何将其设置为自动展开并向下推送所有 div。

如果大家有什么想法，请告诉我

这是 HTML

<div id="MainContent">
    <div id="MainImage"></div>
    <div id="ContentPanel">Text content goes here.</div>
</div>

...这是 CSS

#MainContent {
    position:relative;
    height:500px;
    width:800px;
    margin:0 auto;
    background-color: #000;
}

#MainImage {
    position:absolute;
    top:0;
    left:0;
    width:350px;
    height:500px;
    background-color:#000;
}

#ContentPanel {
    position:absolute;
    height:500px;
    top:0;
    left:350px;
    width:450px;
    background-color:#000;
}

提前致谢!

亲切的问候，

德布拉德

Answer 1

使用 min-height 代替 height。

除了 IE 6:它有一个错误，因此它解释 height 就像 min-height。