CSS最小高度不工作

我有一个大的

div

，我想把内容放进去。我希望填充

div

，并使其具有最小高度，以便在

div

中有太多文本时，它会向下展开以保持填充。但我也不希望它的高度低于100像素。当前，当我运行此代码时，一些文本不在

div

范围内

HTML:

---

那么，试着在HTML中使用段落，而不是复制div。它不起作用，因为复制div没有在CSS中设置样式

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

这里有很多文字

---

如果这解决了您的问题，请随意接受此答案。

您可以添加

高度：自动到您的css，这可能会有所帮助。
您正在包装两个s。我认为你的标记应该是：这里有很多文本
你能发布一个JSFIDLE示例吗，因为你的代码对我来说似乎很好。我在Google Chrome中尝试了这段代码，但我无法复制你的问题。这是我的标记。#内容{位置：相对；左边距：自动；右边距：自动；边框：1px纯色灰色；最小高度：100px；宽度：800px；填充：60px；}第一条注释中的大量文本解决了问题。谢谢这听起来像是一个特定于浏览器的问题，你正在IE中测试它吗？
#content {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    border: 1px solid gray;
    min-height: 100px;
    width: 800px;
    padding: 60px;
}

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