滾動div大於瀏覽器窗口

Question

我想滾動div的高度在瀏覽器窗口下方，而不在瀏覽器窗口中出現滾動條。

當我在body標籤上添加一個overflow：hidden style時，只要div高度爲<窗口高度，就可以工作。如何在div高度>瀏覽器窗口高度時獲得相同的效果？

Answer 1

div高度是否大於窗口高度，因爲您已經在css中設置了這種方式，或者div中有很多內容嗎？

如果你已經在css中設置了它的高度，你可能必須先將它包裝在另一個div中。否則，試試這個：

html, body { 
    height: 100%; 
    margin: 0; 
    padding: 0; 
} 

div { 
    height: 100%; 
    width: 50%; 
    overflow-y: scroll; 
} 

Example