设置装备摆设三个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实例效果与正文截图
3、实例小结
静止高度对象,高度是固定的,不随内容紧贴内容,设置装备摆设最大高度max-height属性,形式少时高度将随内容变化而变幻紧贴模式,但一旦形式过量最大高度也装不下后,元素对象盒子最大高度将起作用,元素高度就固定在最大高度值得高度。
如需转载,请注明文章出处和来源网址:http://www.divcss5.com/css3-style/c53072.shtml