ThinkChat2.0新版上线,更智能更精彩,支持会话、画图、阅读、搜索等,送10W Token,即刻开启你的AI之旅 广告
# CSS min-height 属性 ## 实例 设置段落的最小高度: ``` p { min-height:100px; } ``` ## 浏览器支持 | IE | Firefox | Chrome | Safari | Opera | | --- | --- | --- | --- | --- | 所有主流浏览器都支持 min-height 属性。 注释:任何版本的 Internet Explorer (包括 IE8)都不支持属性值 "inherit"。 ## 定义和用法 min-height 属性设置元素的最小高度。 ### 说明 该属性值会对元素的高度设置一个最低限制。因此,元素可以比指定值高,但不能比其矮。不允许指定负值。 | 默认值: | 0 | | --- | --- | | 继承性: | no | | --- | --- | | 版本: | CSS2 | | --- | --- | | JavaScript 语法: | _object_.style.minHeight="50px" | | --- | --- | ## 可能的值 | 值 | 描述 | | --- | --- | | _length_ | 定义元素的最小高度。默认值是 0。 | | _%_ | 定义基于包含它的块级对象的百分比最小高度。 | | inherit | 规定应该从父元素继承 min-height 属性的值。 | ## TIY 实例 [使用像素值来设置元素的最小高度](/tiy/t.asp?f=csse_dim_min-height) 本例演示如何使用像素值来设置元素的最小高度。 ``` <html> <head> <style type="text/css"> p { min-height: 100px } </style> </head> <body> <p>这是一些文本。这是一些文本。这是一些文本。 这是一些文本。这是一些文本。这是一些文本。 这是一些文本。这是一些文本。这是一些文本。 这是一些文本。这是一些文本。这是一些文本。 这是一些文本。这是一些文本。这是一些文本。</p> <img src="/i/eg_smile.gif" /> </body> </html> ``` ## 相关页面 CSS 教程:[CSS 尺寸](/css/css_dimension.asp "CSS 尺寸 (Dimension)") CSS 教程:[max-height 属性](/cssref/pr_dim_max-height.asp "CSS max-height 属性") HTML DOM 参考手册:[minHeight 属性](/jsref/prop_style_minheight.asp "HTML DOM minHeight 属性")