如何在一定高度後顯示滾動，但高度不應該固定？

我有以下樣式的div：height：250px; scroll：auto ;.我希望它在250像素後滾動，但根據其中的內容應該有高度。如何在一定高度後顯示滾動，但高度不應該固定？

例如，如果它的內容是100px，那麼div的高度應該是100而不滾動。但是，如果高度超過250像素，它應該顯示滾動。

怎麼辦？

2011-02-17 svirk

我不太明白：S – thirtydot

我想讓小內容有很小的高度，這樣一行不應該有250px的高度。但是，也希望滾動在250px之後出現。希望它是有道理的！ – svirk

我明白你的意思了。 – thirtydot

試試這個：max-height應該會訣竅。

HTML

<div class="height"> 
    blah<br/> 
    blah<br/> 
</div>

CSS：

.height { max-height:250px; border:1px solid red; overflow:auto; }

2011-02-17 22:29:23 Mauro

當這不起作用時，調整'line-height'有幫助。 http://stackoverflow.com/questions/10251369/css-max-height-and-overflow-auto-always-displays-vertical-scroll –

我試圖根據設備大小設置高度。是否有任何其他機會修復％最大高度％ – phponwebsites

這是你所追求的？

CSS：

.dyn-height { 
    width:100px; 
    max-height:250px; 
    overflow-y:scroll; 
}

height:可選 - 只是爲了演示。

2011-02-17 22:29:36

@thirtydot - 已完成;） –

使用overflow-y與auto選項。這樣滾動條將不會顯示，直到它需要。否則即使您不需要顯示滾動條也會顯示。

.my_div { 
     width:100px; 
     max-height:250px; 
     overflow-y:auto; 
    }

2017-09-27 23:04:59

回答