<li class="hidden waterBox1">
<div class="waterBox2">
<div class="waterBox3">
<img src="images/2/0.jpg">
</div>
</div>
//重复.waterBox2里的内容。
</li>
.waterBox1{
position: relative;
border: solid 3px black;
border-radius:3px;
width:96%;
height:auto;}
.waterBox1:after{
content: “”;
clear: both;
display: block;}
.waterBox2{
padding: 20px 0 0 40px;
float: left;}
.waterBox3{
padding: 10px;
border: solid white 1px;
box-shadow: 0 0 5px;
background: white;
border-radius: 4px;}
.waterBox3 > img{width: 185px;height: auto;}
我重复在.waterBox1内插入.waterBox2(含其所有后代元素)直到溢出
屏幕，虽然屏幕出现了滚动条，但是只是卷起了很少一部分内容，。所以看不到
下面的内容(图片)。当我给.waterBox1加个overflow:scroll属性
之后可以看到，但是.waterBox1并没有滚动条出现只是有个，
滚动条的样式出现，内容是平铺下来的，并没有被卷起。发现Body盒子的之前滚动条
卷起的内容比以前多了很多。求解为什么没有在.waterBox1盒子内卷起？为什么不
设置.waterBox1的overflow:scroll属性会看不到下面的内容？按理说超出游览器
高度会出现滚动条往下卷啊，然而之前它出现了却没往下卷很多，只是卷了一点，这根本
不足够让我看到下面的内容
——-分割线—
忘了说，我给那个最大的容器设置了scroll属性(最大那个容器是一个DIV是Body的子元素)
原因：
你没有设置高度：
height: auto;
不行的。
修改：
height: 100px; // 一个较小的高度
overflow-y: scroll; //overflow: scroll; XY轴都有，不好。
你的情况尝试：
height: auto;
大量数据， body 不设置，自然底部。
