好得很程序员自学网

<tfoot draggable='sEl'></tfoot>

min-height

CSS min-height 属性用于为元素指定一个最小高度。

如果属性设置的高度比该属性设置的高度还小,则属性会失效,元素的高度为 min-height 属性指定的值。

min-height 属性通常用于约束某个元素的高度范围。与之对应的属性的,它用于指定元素的最大高度。

min-height 属性会把属性和属性都覆盖掉。

min-height 属性的值不允许为负数。

min-height 属性的关键字取值不会受属性的影响,它们通常是在内容区域设置高度。

官方语法
min-height: <length> | <percentage> | inherit
                            

在CSS3中,为 min-height 属性增加了一些新的取值,语法如下:

min-height: [ [<length> | <percentage>] && [border-box | content-box]? ] | available | min-content | max-content | fit-content
                            

参数:

<length> :使用值来指定元素的固定的最小高度。 <percentage> :使用值来指定元素的最小高度。值是根据包含该元素的父元素的高度计算得到,如果该元素的父元素没有明确的指定高度,则该百分比相当于0。 inherit :继承父元素的 min-height 值。 available :新的CSS3取值。高度等包含容器的高度减去元素的, padding 和。 max-content :新的CSS3取值。元素的最大内容尺寸。 max-content 的高度指定元素的内容没有换行符插入时的高度,例如一个段落就是一句话,没有换行。 min-content :新的CSS3取值。元素的最小内容尺寸。 min-content 的高度指定元素的所有内容尽可能多的被插入换行符后得到的高度。 fit-content :与 min-content 取值相同。

下面的这张图用于帮助理解 max-content 和 min-content 属性值。

max-height 属性的初始值为 none 。

应用范围

min-height 属性可以应用在所有除了、表格列之外的元素上。

示例代码
min-height: 250px;
min-height: 50%;
min-height: 100vh;
min-height: inherit;                          
                            
浏览器支持

所有的现代浏览器都支持 min-height 属性,包括Chrome, Firefox, Safari, Opera, Internet Explorer 以及 Android 和 iOS。

min-height 属性新的CSS取值的浏览器兼容性列表如下:

查看更多关于min-height的详细内容...

  阅读:41次

上一篇: font-weight

下一篇:opacity

CopyRight:2016-2025好得很程序员自学网 备案ICP:湘ICP备09009000号-16 http://www.haodehen.cn
本站资讯不构成任何建议,仅限于个人分享,参考须谨慎!
本网站对有关资料所引致的错误、不确或遗漏,概不负任何法律责任。
本网站刊载的所有内容(包括但不仅限文字、图片、LOGO、音频、视频、软件、程序等)版权归原作者所有。任何单位或个人认为本网站中的内容可能涉嫌侵犯其知识产权或存在不实内容时,请及时通知本站,予以删除。

网站内容来源于网络分享,如有侵权发邮箱到:kenbest@126.com,收到邮件我们会即时下线处理。
网站框架支持:HDHCMS   51LA统计 百度统计
Copyright © 2018-2025 「好得很程序员自学网
[ SiteMap ]