CSS / HTML：设置默认容器高度

Question

嘿，如何在元素上设置默认容器高度？

我的例子有这样的div：

<div id="container">
text text
</div>

然后我希望高度默认为300px;所以即使只有这个文本它也会变大^。

使用DEFAULT我的意思是，如果文本超过300px，高度应该更大，就像没有指定高度一样。

Answer 1

尝试使用min-height：

#container {
    min-height: 300px;
}

JS Fiddle demo，这具有额外的css（出于审美目的），但重要的部分仍然是min-height声明。

Answer 2

你的CSS应该是这样的：

div#container {
  min-height: 300px;
}