垂直可扩展 div 的最小高度
有没有办法设置 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 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(1)
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 theheight
property asmin-height
, so you can use IE conditional comments to set aheight
property in a style sheet that is only loaded by IE6.