本文介绍了一种使用CSS实现元素最小高度和最大高度限制的方法。通过.min-height和.max-height属性，可以确保网页元素既不会过小导致内容挤压，也不会过大而浪费空间。此技巧适用于固定尺寸的布局设计。
只要两个css属性就是行了：
min-height, max-height,
Document.cont {
width: 800px;
margin: 20px auto;
background-color: azure;
}
.auto {
min-height: 200px;
background-color: bisque;
max-height: 500px;
overflow: auto;
}
p{
border:1px solid rebeccapurple;
}
Lorem, ipsum dolor sit amet consectetur adipisicing elit. Tenetur quibusdam sunt maxime dolore beatae veniam
porro, iste maiores, voluptatum dolorum placeat, possimus reiciendis praesentium aliquam quam exercitationem!
Suscipit, omnis labore?
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
