<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 不設定，自然底部。
