本文介绍了“css如何设置div的最大高度”的知识。很多人在实际案例的操作中会遇到这样的困难。接下来,让边肖带领大家学习如何应对这些情况!希望大家认真阅读,学点东西!
在css中,最大高度属性可以用来设置div的最大高度。该属性的功能是设置元素的最大高度。您只需要添加“div {div{max-height:最大高度值;}”风格就可以了。
本教程操作环境:windows7系统,CSS3HTML5第5版,戴尔G3电脑。
在css中,max-height属性可以用来设置div的最大高度。
Max-height属性设置元素的最大高度。注意:最大高度属性不包括填充、边框或边距!
示例:
!DOCTYPEhtml
超文本标记语言
头
风格
div{
border:1pxsolidred
边距-底部:20 px;
}
. box1{
飞越:隐藏;
}
. box2{
最大高度:50 px;
飞越:隐藏;
}
/style
/head
身体
divclass='box1 '
测试代码,测试代码,测试代码,测试代码,测试代码,测试代码,测试代码,
测试代码,测试代码,测试代码,测试代码,测试代码,测试代码,测试代码,
测试代码,测试代码,测试代码,测试代码,测试代码,测试代码,测试代码,
测试代码,测试代码,测试代码,测试代码,测试代码,测试代码,测试代码,测试代码,/div
divclass='box2 '
测试代码,测试代码,测试代码,测试代码,测试代码,测试代码,测试代码,
测试代码,测试代码,测试代码,测试代码,测试代码,测试代码,测试代码,
测试代码,测试代码,测试代码,测试代码,测试代码,测试代码,测试代码,
测试代码,测试代码,测试代码,测试代码,测试代码,测试代码,测试代码,测试代码,/div
/body
/html渲染:
可以看到div.box1元素的高度随着元素内容的高度而变化;当div.box2元素的最大高度小于50px时,也会随着元素的内容高度而变化,但一旦超过就不会变化,超过的元素会被隐藏。
这里介绍一下“如何用css设置div的最大高度”的内容。感谢阅读。如果你想了解更多的行业,可以关注网站。边肖将为您输出更多高质量的实用文章!
内容来源网络,如有侵权,联系删除,本文地址:https://www.230890.com/zhan/77892.html