举报投诉联系我们 手机版 热门标签 编程学
您的位置:编程学 > css min-height CSS min-height 属性

css min-height CSS min-height 属性

2023-05-16 07:18 CSS参考手册

css min-height CSS min-height 属性

css min-height

min-height 是 CSS 中的一个属性,它可以让元素设置最小高度,即使元素内容不足也不会出现溢出。它可以用来控制元素的高度,使其在不同的浏览器中保持一致。

.element {
    min-height: 200px;
}

min-height 属性可以用来控制元素的最小高度,这样即使内容不够也不会出现溢出。例如,如果你想要一个 div 具有固定的高度,但是里面的内容可能会变化,你可以使用 min-height 来保证 div 的最小高度。

.element { 
    min-height: 200px; 
    height: auto;  // 这里加上 height: auto; 将会覆盖 min-height 的值 
} 

min-height 属性也可以用来创建一些常见的布局效果,例如在两栏布局中,你可以将左栏固定高度,而将右栏使用 min-height 来保证左栏与右栏之间始终保持相同的高度。

CSS min-height 属性

CSS min-height 属性

实例

设置段落的最低高度:

p
{
min-height:100px;
}


属性定义及使用说明

min-height 属性设置元素的最低高度。

注意: min-height属性不包括填充,边框,或页边距!

默认值: 0
继承: no
版本: CSS2
JavaScript 语法: object.style.minHeight="10px"


浏览器支持

表格中的数字表示支持该属性的第一个浏览器版本号。

属性          
min-height 1.0 7.0 3.0 2.0.2 4.0

属性值

描述
length定义元素的最小高度。默认值是 0。
%定义基于包含它的块级对象的百分比最小高度。
inherit规定应该从父元素继承 min-height 属性的值。


相关文章

CSS 教程: CSS Dimension

CSS 参考手册: max-height 属性

阅读全文
以上是编程学为你收集整理的css min-height CSS min-height 属性全部内容。
声明:本站所有文章资源内容,如无特殊说明或标注,均为采集网络资源。如若本站内容侵犯了原著者的合法权益,可联系本站删除。
相关文章
© 2024 编程学 bianchengxue.com 版权所有 联系我们
桂ICP备19012293号-7 返回底部