max-height 属性设置元素的最大高度。
注意:该属性值会对元素的高度设置一个最高限制。因此,元素可以比指定值矮,但不能比其高。不允许指定负值。max-width属性不包括
填充,边框,或页边距
max-height:none|length|%|inherit;
值 | 说明 |
none | 默认。定义对元素被允许的最大高度没有限制。 |
length | 定义元素的最大高度值。 |
% | 定义基于包含它的块级对象的百分比最大高度。 |
inherit | 规定应该从父元素继承 max-height 属性的值。 |
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>NTHOME-零基础入门学习Web(HTML5+CSS3)</title>
<style>
p
{
max-height:66px;
background-color:green;
}
</style>
</head>
<body>
<p>这一段的最大高度设置为66 px。Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aut distinctio incidunt libero nam quis recusandae velit. A aliquid, blanditiis consectetur enim fugit incidunt inventore iure labore odio possimus saepe vero. Lorem ipsum dolor sit amet, consectetur adipisicing elit. At, consequatur culpa dolores ducimus eum hic incidunt magni officia ratione velit? Dolor fuga maiores nam quasi quis sunt! Dicta, nisi, odit!</p>
</body>
</html>
这一段的最大高度设置为66 px。Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aut distinctio incidunt libero nam quis recusandae velit. A aliquid, blanditiis consectetur enim fugit incidunt inventore iure labore odio possimus saepe vero. Lorem ipsum dolor sit amet, consectetur adipisicing elit. At, consequatur culpa dolores ducimus eum hic incidunt magni officia ratione velit? Dolor fuga maiores nam quasi quis sunt! Dicta, nisi, odit!
表格中的数字表示支持该属性的第一个浏览器版本号。
Safari | Chrome | FireFox | IE |
1.0 | 1.0 | 1.0 | 7.0 |