关于CSS3中的min-height等的使用
2024-09-23 02:57:06
一、min-height
当我们需要让某个容器不能低于某个高度,但是不能将高度固定在这个高度,希望其能够随着容器内内容的增多而变高时,我们可以对容器设置一个min-height来让该容器获得该特性。(通俗来讲,当容器内容高度已经超过最小高度时,容器就会随着内容的高度变化而变化)
注意点:1.min-height属性不能为负值 2.最小高度不包括容器边框、外边距、填充。(最小高度是会包括内边距的,这意味着当上下内边距与内容高度之和大于最小高度时,容器会被撑大)
二、max-height
该属性与min-height类似,当内容小于最大高度时,容器高度会随内容的减少而进行压缩,而内容大于最大高度时,容器不会随着内容的增多而变大,而内容会直接溢出容器
注意点:1.max--height属性不能为负值 2.最大高度不包括外边距、内边距、边框。
最大宽度与最小高度与上述两者相似
最新文章
- javascript中的对象
- python中的函数
- Java泛型中E、T、K、V等的含义
- centos常用命令
- XML约束——Schema约束
- spring学习笔记---Jackson的使用和定制
- 关于JAVA那点事---i++和++i
- CSS content内容生成技术以及应用(转)
- Javascript基本算法演练 Seek and Destroy
- postgresql 忘记 postgres 密码
- JavaScript高级程序设计:第十四章
- Inno Setup入门(十九)——Inno Setup类参考(5)
- TCP/IP具体解释--UDP数据报中的IP分片
- RocketMQ-顺序消费
- card card card HDU - 6205
- 【Toll!Revisited(uva 10537)】
- 为神马精确Sprite的碰撞形状不通过简单的放大Sprite的尺寸来解决?
- docker容器和本机互传文件
- Android 常见异常及解决办法
- IOS 圆形进度条
热门文章
- Kubernetes初识
- VS2019编译Qt4.8.7
- VS2019使用gtest
- Keil51单片机解决数字显示不稳的问题
- 百题计划-4 codeforces 652 div2 D. TediousLee 找规律
- vue高级进阶( 三 ) 组件高级用法及最佳实践
- error NU1301: Failed to retrieve information about 'volo.abp.cli' from remote source 'https://www.myget.org/feed/Packages/aspnetcoremodules/FindPackagesById()?id='volo.abp.cli'&;semVerLevel=2.0.0'.
- vue 安装脚手架后配置自动打开浏览器
- kotlin channel使用注意点
- sql server 常用高级查询sql