欢迎来到DIVCSS5查找CSS资料与学习DIV CSS布局技术!

设置装备摆设三个p盒子,一个设置装备摆设静止高度为100px;此外两个设置装备摆设不异CSS max-height最大高度100px,其模式多少分歧,看看最大高度什么状况,为了 察看到高度成绩,再配置css 边框花色。
1、残缺max-height应用实例代码(包含CSS和HTML)

<!DOCTYPE html> 
<html> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<title>max-height属性实例 CSS5</title> 
<style> 
.exp-a{ height:100px; border:1px solid #00F} 
.exp-b{max-height:100px; border:1px solid #F00} 
</style> 
</head> 
<body> 
<p class="exp-a">配置固定高度height为100px</p> 
<p class="exp-b">设置装备摆设最大高度max-height为100px</p> 
<p class="exp-b"> 
CSS5对于max-height实例<br /> 
配置最大高度max-height为100px<br /> 
设置最大高度max-height为100px<br /> 
设置最大高度max-height为100px<br /> 
设置最大高度max-height为100px 测试模式<br /> 
配置最大高度max-height为100px<br /> 
设置装备摆设最大高度max-height为100px<br /> 
</p> 
</body> 
</html> 

2、div css max-height实例效果截图

css max-height实例效果与解释截图
css max-height实例效果与正文截图

3、实例小结
静止高度对象,高度是固定的,不随内容紧贴内容,设置装备摆设最大高度max-height属性,形式少时高度将随内容变化而变幻紧贴模式,但一旦形式过量最大高度也装不下后,元素对象盒子最大高度将起作用,元素高度就固定在最大高度值得高度。


如需转载,请注明文章出处和来源网址:http://www.divcss5.com/css3-style/c53072.shtml