一、min-height

　　　　当我们需要让某个容器不能低于某个高度，但是不能将高度固定在这个高度，希望其能够随着容器内内容的增多而变高时，我们可以对容器设置一个min-height来让该容器获得该特性。（通俗来讲，当容器内容高度已经超过最小高度时，容器就会随着内容的高度变化而变化）

　　　　注意点：1.min-height属性不能为负值 2.最小高度不包括容器边框、外边距、填充。（最小高度是会包括内边距的，这意味着当上下内边距与内容高度之和大于最小高度时，容器会被撑大）

二、max-height

　　　　该属性与min-height类似，当内容小于最大高度时，容器高度会随内容的减少而进行压缩，而内容大于最大高度时，容器不会随着内容的增多而变大，而内容会直接溢出容器

　　　　注意点：1.max--height属性不能为负值 2.最大高度不包括外边距、内边距、边框。

最大宽度与最小高度与上述两者相似

关于min-height等样式的使用相关推荐

html 设置min height,HTML min-height用法总结
min-height 属性设置元素的最低高度,该属性值会对元素的高度设置一个最低限制.因此,元素可以比指定值高,但不能比其矮.不允许指定负值. 下面我们就对min-height的用法进行汇总: 为什么 ...
html 设置min height,CSS中min-height使用技巧
DIV+CSS中最小高度设定min-height设定最小高度可以设定一个BOX的最小高度,当其内容较少时时,也能保持BOX的高度为一定,超出就自动向下延伸,但到目前为止,只有Opera 和 Mozi ...
Android多种样式的进度条
---- The mark of the immature man is that he wants to die nobly for a causer while the mark of the m ...
vue 实现可控圆形 + 样式的绑定
效果图注意!!!需要外引入 vue 文件!别忘咯代码奉上 <!DOCTYPE html> <html><head><meta charset=" ...
2016年5月30日上午（传智Bootstrap笔记六（图片样式））
为了给段落添加强调文本,则可以添加 class="lead",这将得到更大更粗.行高更高的文本,如下面实例所示: <body style="padding:50px ...
mongodb更新操作符$min,$max
mycode db.person.deleteOne({name:'lnj'}) db.person.insertOne({name:'zs',age:18}) //$min是用min指定的值和原来的 ...
【BZOJ3238】差异，后缀数组+单调栈维护height
Time:2016.05.23 Author:xiaoyimi 转载注明出处谢谢传送门思路: 题意已经说的很明白了. 关键在于如何快速求得各lcp的和有一个重要的性质排名为i和j(i<j ...
二十款漂亮CSS字体样式
平时对于网站整站的字体风格常常很纠结,纠结到底用什么样式才行,才好看,后来在网上搜集收到二十种我认为很漂亮的字体样式并使用,感觉很美观,解决了我以前的纠结.具体二十种漂亮样式如下: 样式一: b ...
html如何设定盒子的高,css 高度height设置
css height[css 高度]教程 height翻译成中文也是高.高度意思.在CSS样式中高度样式设置也是height来布局.几乎每个网页布局都会用到css高度height样式,特别是布局局部时 ...
html中定义高度的属性是什么,height【css 高度】属性教程
css height[css 高度]height属性 DIV CSS高度height属性教程 height翻译成中文也是高.高度意思.在CSS样式中高度样式设置也是height来布局.几乎每个网页布局 ...

关于min-height等样式的使用

一、min-height

二、max-height

关于min-height等样式的使用相关推荐

最新文章

热门文章