1、新建一个html网页，在head中设置网页背景为灰色【
body{background: #BDBDBD;}】
2、在body中插入一个DIV【<div class="a"></div>】引入CSS【.a{width: 400px;height:200px;background: #FFFFFF;display: block;】。
3、a样式中再添加样式【padding: 20px;overflow: hidden;】设置内边距和超出部分隐藏。然后在a标签里多输入一些文字。可以看到超出200px高的文字就隐藏了。
4、然后把height改成自动。【height: auto;】。这样文字不管有多少都会全部显示出来，DIV会自动加高。
5、把样式a 添加以下代码【max-height: 200px;overflow-y: scroll;】，可以实现当文字排版超过200px后会自动加上滚动条。
6、我们把文字删除一大段会发现，虽然高限制了，但是低没有显示，如果文字过少，DIV就会变的很低。
7、在CSS中再添加【min-height: 100px;】。会实现如果文字过少，高度最低只能100px的效果。这样就设置完成啦。
