垂直可扩展 div 的最小高度

发布于 2024-08-20 14:12:54 字数 454 浏览 2 评论 0原文

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

例如,当我的页面加载时,我希望 div 的精确高度为 300px。但是,如果使用 javascript 将更多内容添加到 div 中,我希望它之后能够扩展。

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

如果我不指定高度,它只会扩展到内容范围内。

谢谢

这是我用来在 ie6 上修复此问题的解决方案,由 Dustin Diaz

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

Is there a way to set a minimum height for a div, but still allow it to be expandable?

For example, I want a div to have an exact height of 300px when my page loads. However, if more content is added to the div with javascript, I want it to expand after that.

If I specify a height and the content expands past the div, it either clips or adds scrollbars, depending on the value of overflow.

If I don't specify a height, it only expands as far as the content.

Thanks

Here's the solution I used to fix this on ie6, courtesy of Dustin Diaz

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

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

物价感观 2024-08-27 14:12:54

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

The CSS property min-height does exactly this. Note that it does not work properly in IE6, however IE6 treats the height property as min-height, so you can use IE conditional comments to set a height property in a style sheet that is only loaded by IE6.

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文