<li class="hidden waterBox1">

<div class="waterBox2">

<div class="waterBox3">

<img src="images/2/0.jpg">

</div>

</div>

//重復(fù).waterBox2里的內(nèi)容。

</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;}

我重復(fù)在.waterBox1內(nèi)插入.waterBox2(含其所有后代元素)直到溢出

屏幕，雖然屏幕出現(xiàn)了滾動(dòng)條，但是只是卷起了很少一部分內(nèi)容，。所以看不到

下面的內(nèi)容(圖片)。當(dāng)我給.waterBox1加個(gè)overflow:scroll屬性

之后可以看到，但是.waterBox1并沒(méi)有滾動(dòng)條出現(xiàn)只是有個(gè)，

滾動(dòng)條的樣式出現(xiàn)，內(nèi)容是平鋪下來(lái)的，并沒(méi)有被卷起。發(fā)現(xiàn)Body盒子的之前滾動(dòng)條

卷起的內(nèi)容比以前多了很多。求解為什么沒(méi)有在.waterBox1盒子內(nèi)卷起？為什么不

設(shè)置.waterBox1的overflow:scroll屬性會(huì)看不到下面的內(nèi)容？按理說(shuō)超出游覽器

高度會(huì)出現(xiàn)滾動(dòng)條往下卷啊，然而之前它出現(xiàn)了卻沒(méi)往下卷很多，只是卷了一點(diǎn)，這根本

不足夠讓我看到下面的內(nèi)容

——-分割線—

忘了說(shuō)，我給那個(gè)最大的容器設(shè)置了scroll屬性(最大那個(gè)容器是一個(gè)DIV是Body的子元素)

原因：

你沒(méi)有設(shè)置高度：

height: auto;

不行的。

修改：

height: 100px; // 一個(gè)較小的高度

overflow-y: scroll; //overflow: scroll; XY軸都有，不好。

你的情況嘗試：

height: auto;

大量數(shù)據(jù)， body 不設(shè)置，自然底部。

總結(jié)

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

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。