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

總結

以上是生活随笔為你收集整理的html超过高度的没显示,CSS 设置的高度超出屏幕高度为什么没出现滚动条？的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。