CSS 最小高度不起作用

Question

我有一个很大的 div，我想在其中放入内容。我希望 div 被填充并具有最小高度，这样如果文本太多在 div 中，它向下扩展以保持填充。但我也不希望它的高度小于 100px。目前，当我运行这段代码时，一些文本落在 div 之外。

HTML:

<div id='content'>
    <div>lots of text in here</div>
</div>

CSS:

#content {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    border: 1px solid gray;
    min-height: 100px;
    width: 800px;
    padding: 60px;
}

Answer 1

好吧，尝试在您的 HTML 中使用段落，而不是复制 div。它不起作用，因为重复的 div 没有在您的 CSS 中设置样式。

<div id='content'>
    <p>lots of text in here</p>
</div>

如果这能解决您的问题，请随时接受这个答案。