max-height实例

2019-09-18 郑州网站建设  

设置装备摆设三个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://tzchb.ieyo.com/dede/2783.html转载请标明出处,谢谢合作!
标签:
  • 三个
  • 设置
  • 实例
  • 盒子
  • max-height
  • 装备
  • 摆设