CSS顯示垂直滾動條到一個div

我想顯示在表的內部滾動條（一個div內）：CSS顯示垂直滾動條到一個div

<div style="width:789px; height:150px; overflow:auto;"> 

... 

    </div>

的問題是，股利具有默認的高度已經爲150px。我希望它從一開始就沒有定義高度，並且當div達到150像素時，會出現滾動條。我怎樣才能做到這一點？

來源

2014-10-08 Florin M.

使用最大高度：150像素; min-height：150px; – slashsharp 2014-10-08 08:10:32

@Benjamin對不起，在問題中的「最低」字。我會編輯它 – 2014-10-08 08:12:17

你可以用max-height來代替高度。它會觸發滾動條，一旦它將達到max-height。

CSS：

<div style="width:789px; max-height:150px; overflow:auto;"> 

... 

</div>

來源

2014-10-08 08:10:35

問題是什麼時候它達到150的最小高度滾動應該出現 – Benjamin 2014-10-08 08:11:09

我認爲他不想在開始時有一個高度，然後當他到達x px有一個固定的高度。 – 2014-10-08 08:12:49

作者只是編輯了這個問題，你應該得到+1票。 – Benjamin 2014-10-08 08:14:48

使用的CSS屬性max-height

div { 
    overflow: auto; 
    max-height: 150px; 
}

這裏是一個JSFIDDLE Example。。

來源

2014-10-08 08:10:26 David

對我來說它的工作原理！ – David 2014-10-08 08:14:16

也在這裏加入代碼.. – 2014-10-08 08:14:18

你不能只發布鏈接，因爲答案應該包括你的代碼。 – Benjamin 2014-10-08 08:16:09

檢查這個fiddle它應該告訴你如何存檔此

.box{ 
    width: 100px; 
    height: 50px; 
    overflow: auto; 
    border: 3px solid green; 
} 
.content{ 
    width: 1000px; 
    height: 30px; 
    background: red; 
}

來源

2014-10-08 08:12:50

CSS顯示垂直滾動條到一個div

回答

相關問題