本教程操作环境：windows7系统、CSS3 && HT ML 5版、Dell G3 电 脑。
在css中，可以利 用M ax-height属性来设置div的最大高度。
max-height 属性设置元素的最大高度。注意： max-height属性不包括填充，边框，或页 边距 ！
示例：
<!DOCTY PE html>
<html>
<head>
<style>
div{
border: 1px solid red ;
m arg in-bottom: 20px;
}
.box1{
overflow: hidden;
}
.box2{
max-height: 50px;
overflow: hidden;
}
</style>
</head>
<body>
<div class="box1">
测试代码,测试代码,测试代码,测试代码,测试代码,测试代码,测试代码,
测试代码,测试代码,测试代码,测试代码,测试代码,测试代码,测试代码,
测试代码,测试代码,测试代码,测试代码,测试代码,测试代码,测试代码,
测试代码,测试代码,测试代码,测试代码,测试代码,测试代码,测试代码,</div>
<div class="box2">
测试代码,测试代码,测试代码,测试代码,测试代码,测试代码,测试代码,
测试代码,测试代码,测试代码,测试代码,测试代码,测试代码,测试代码,
测试代码,测试代码,测试代码,测试代码,测试代码,测试代码,测试代码,
测试代码,测试代码,测试代码,测试代码,测试代码,测试代码,测试代码,</div>
</body>
</html>效果图：
可以看出，div.box1元素的高度是随着元素内容高度变化的；而div.box2元素在最大高度不超过50px时，也是随着元素内容高度变化的，但一旦超过，就不会变化，超过的元素会被隐藏。
（学习视频分享：css视频教程）
以上就是css 怎样 设置div的最大高度的详细内容，更多请关注其它相关 文章 ！
总结
以上是 为你收集整理的 css怎样设置div的最大高度 全部内容，希望文章能够帮你解决 css怎样设置div的最大高度 所遇到的问题。
如果觉得 网站内容还不错， 推荐好友。
声明：本文来自网络，不代表【好得很程序员自学网】立场，转载请注明出处：http://haodehen.cn/did200233