垂直可扩展div的最小高度

时间:2010-02-01 19:57:56

标签: css html height

有没有办法为div设置最小高度,但仍允许它可扩展?

例如,我希望在我的页面加载时div具有300px的精确高度。但是,如果使用javascript将更多内容添加到div中,我希望在此之后进行扩展。

如果我指定一个高度并且内容扩展超过div,它会剪辑或添加滚动条,具体取决于溢出值。

如果我没有指定高度,它只会扩展到内容。

由于

这是我用来修复ie6的解决方案,Dustin Diaz提供

selector { 
  min-height: 300px;
  height: auto !important;
  height: 300px;
}

1 个答案:

答案 0 :(得分:3)

CSS属性min-height就是这样做的。请注意,它在IE6中无法正常工作,但是IE6将height属性视为min-height,因此您可以使用IE conditional comments在样式表中设置height属性仅由IE6加载。