首页 >web前端 >css教程 > 正文

css的min-height属性怎么用

原创2019-05-26 09:24:4602522

min-height属性定义及用法

在css中,min-height属性是使用来定义元素的最小高度,就是元素可以比指定值高,但不能比其矮。当元素内容过多时最小高度装不下后,元素的高度将随内容增加而增加。该属性不允许指定负值,设置的最小高度不包括填充,边框,或页边距。

min-height属性是用来实现:元素必须有一定的高度,但又不想固定,当元素内容小于元素的最小高度时,元素保持最小高度不变,当元素内容大于元素的最小高度时,元素的高度会随元素内容增加而增加。

min-height属性相似属性

max-height属性:设置元素最大高度

max-width属性:设置元素最大宽度

min-width属性:设置元素最小宽度

min-height属性语法格式

css语法:min-height:length/%/inherit

JavaScript 语法: object.style.minHeight="10px"

属性值说明

length:定义元素的最小高度,默认值是 0

%:定义基于包含它的块级对象的百分比最小高度

inherit:从父元素继承min-height属性的值

实例

49c328b32d3e30aa79c08eb75b58141.png

以上就是css的min-height属性怎么用的详细内容,更多请关注php中文网其它相关文章!

php中文网最新课程二维码

声明:本文原创发布php中文网,转载请注明出处,感谢您的尊重!如有疑问,请联系admin@php.cn处理

  • 相关标签:css min-height
  • 相关文章

    相关视频


    网友评论

    文明上网理性发言,请遵守 新闻评论服务协议

    我要评论
  • 专题推荐

    推荐视频教程
  • CSS高级实例视频教程CSS高级实例视频教程
  • CSS3精讲视频教程CSS3精讲视频教程
  • CSS 4.2.4参考手册CSS 4.2.4参考手册
  • 视频教程分类