max-height、min-height、height优先级的问题
2024-08-24 05:56:45
前言
我们在实际开发中可能会限制元素的最大高度,那么我们使用的属性必定是max-height,那么不知道大家有没有考虑过如果同时设置max-height和height会发生什么呢?
max-height和height优先级
max-height这个属性会限制height属性的值设置比max-height更大
max-height
属性用来设置给定元素的最大高度. 如果height属性设置的高度比该属性设置的高度还大,则height属性会失效.max-height 重载(覆盖掉)height
参考:MDN
min-height和height优先级
min-height这个属性会限制height属性的值设置比min-height更小
min-height
属性用来设置给定元素的最小高度. 如果height属性设置的高度比该属性设置的高度还小,则height属性会失效.min-height 重载(覆盖掉)height
min-height和max-height优先级
min-height属性设置的高度比max-height还大,则max-height属性会失效,min-height 重载(覆盖掉)max-height
参考:MDN
总结
max-height < height => max-height 重载 height
min-height > height => min-height 重载 height
min-height > max-height => min-height 重载 max-height
最新文章
- R语言之词云:wordcloud&;wordcloud2安装及参数说明
- nginx 反向代理 和lvs负载均衡
- MySQL root密码重置 报错:mysqladmin: connect to server at &#39;localhost&#39; failed的解决方案
- C#读写txt文件的两种方法介绍
- php面向对象编程--学习笔记
- 文艺编程 Literate Programming
- vc6.0 使用Ado 连接MS-SqlServer2000 连接字符串
- LeadTools答题卡识别方案
- ADB shell出现error:device offline提示
- docker~使用阿里加速器
- VCC、 VDD、VEE、VSS 电压理解
- windows 与 Centos7 共享文件方法
- BBS(第三天) 如何吧用户上传的图片文件保存到本地
- B. Math
- Java Selenium - 元素定位(一)
- 用JAVA实现大文件上传及显示进度信息
- LPC18xx and LPC43xx 选型及差异
- 基于swagger进行接口文档的编写
- Kubernetes证书相关(CFSSL)
- vscode - 移动端适配(cssrem)
热门文章
- C# 设置Excel条件格式(二)
- java_List集合及其实现类
- bitset中_Find_first()与_Find_next()函数
- cesium 之自定义气泡窗口 infoWindow 后续优化篇(附源码下载)
- OpenTK学习笔记
- 怎么打开iPhone的开发者模式
- Python+ITchart实现微信机器人对指定的朋友和群自动回复
- Web应用安全测试
- jquery datatable 实例操作
- OLW (Open Live Writer)安装代码高亮插件方法(简明)