css min-height 和 max-height

首先附上 w3school的权威解释链接：

https://www.w3school.com.cn/cssref/pr_dim_max-height.asp

个人理解：min-height 和 max-height 都是当盒子内容不确定，盒子元素动态增减的是时候，自适应内容而设置的，避免设置固定高度而当内容有所变化的时候导致页面走样，变形，预先给它一个默认的，预设的样式高度，防止不必要的样式变样。

min-height 的取值： % / 具体px值 / inherit 默认为 0

min-height: 当盒子没有内容的时候，即初始化的时候，我们总得给它一个初始高度，mix-height 让它有一个没有内容但可以展示的高度，但是它的高度又不能小于min-height,否则界面样式会不一致。

该属性值会对元素的高度设置一个最低限制。因此，元素可以比指定值高，但不能比其矮。不允许指定负值

max-height 的值：none / % / 具体px值 / inherit

max-height: 当盒子的内容是动态的，变化的时候，我们不知道要给它多高，即不能给它一个固定的高度，这个时候我们就可以不给高度，而是给它一个max-height,这个时候盒子高度会随着内容增加而撑开盒子的高度。

该属性值会对元素的高度设置一个最高限制。因此，元素可以比指定值矮，但不能比其高。不允许指定负值

css min-height 和 max-height相关推荐

[css] css的height:100%和height:inherit之间有什么区别呢？
[css] css的height:100%和height:inherit之间有什么区别呢? 上周在微博上无节操吐槽了下inherit的段子,没想到回声还不少: 微博inherit无节操段子不过inh ...
[css] 如何解决html设置height：100%无效的问题？
[css] 如何解决html设置height:100%无效的问题? 在外层包一个给定高度的 div 个人简介我是歌谣,欢迎和大家一起交流前后端知识.放弃很容易, 但坚持一定很酷.欢迎大家一起讨论主 ...
真正的能理解CSS中的line-height，height与line-height
在最近的项目中,常常用到line-height,只是简单的理解为行高但并没有深层次的理解,致使不能达到信手拈来的感觉.在此做一下总结,一是更深层次的了解什么是line-height,二是比较heigh ...
CSS中的line-height，height与line-height
在最近的项目中,常常用到line-height,只是简单的理解为行高但并没有深层次的理解,致使不能达到信手拈来的感觉.在此做一下总结,一是更深层次的了解什么是line-height,二是比较heigh ...
html div 高度100,深入理解CSS的height:100%和height:inherit之间的使用区别
inherit确实是个好东西,不仅节约代码,尤其与background之流打交道:而且还利于维护. 注意,如果想要继承background的图片,不能这样缩写,会显得很天真: CSS Code复制内容 ...
CSS中height:100vh和height:100%的区别是什么？
CSS中height:100vh和height:100%的区别首先,我们得知道1vh它表示的是当前屏幕可见高度的1/100,而1%它表示的是父元素长或者宽的1%(可以这么理解?) 1.对于设置hei ...
CSS中绝对定位对子元素height的影响
CSS中height:100%和height:inherit的异同 by zhangxinxu from http://www.zhangxinxu.com 本文地址:http://www.zhang ...
CSS中height:100%和height:inherit的异同
1. height:100%和height:inherit的异同 1.1 兼容性差异 height:100% IE6+ √ height:inherit IE8+ √ 1.2 大多数情况作用是一样的 ...
height:100%和height:inherit比较
height:100%和height:inherit 在我的理解中. height: 100%; 是会继承父元素的100%的高度 height: inherit; 是会继承父元素的高度我觉得他们的意 ...
数据结构:删除顺序表中小于min和大于max的数(不需要从大到小排列依然可以)
1.题目要求: 设计一个算法,删除递增有序链表中值小于min和大于max的所有元素 2.题目分析依次找到对应元素,而后进行删除. int listDelete(SqList& L, int ...

css min-height 和 max-height

css min-height 和 max-height相关推荐

最新文章

热门文章