CSS樣式中的overflow屬性決定了當頁面內容溢出容器時應該如何處理。這個屬性最常用的值有三個：visible，hidden和scroll，分別表示內容可見、內容隱藏和內容滾動顯示。但是，有時候我們會發現當把overflow屬性設置為scroll時，內容卻仍然無法滾動，這是為什么呢？
這個問題的根源通常是由于父元素的高度設置不當所導致。當父元素的高度不夠大時，即使子元素的高度溢出了父元素，也無法顯示滾動條，因為滾動條出現需要有足夠的高度。
下面是一個例子，其中父元素的高度設置為200px，而子元素的高度設置為300px，并且overflow屬性被設置為scroll：

<div style="height: 200px; overflow: scroll;">
<p style="height: 300px;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse augue.massanu.</p>
</div>

在這種情況下，即使overflow屬性被設置為scroll，內容也無法滾動，因為父元素的高度只有200px，而子元素的高度為300px，無法完全顯示出來。
為了解決這個問題，我們可以增加父元素的高度或者更改父元素的box-sizing屬性為border-box，這樣就可以使父元素包含子元素的高度并且顯示滾動條。

<div style="height: 300px; overflow: scroll;">
<p style="height: 300px;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse augue.massanu.</p>
</div>

結論

當我們設置overflow為scroll時，如果內容無法滾動，我們需要檢查父元素的高度是否足夠大以及父元素的box-sizing屬性是否被設置為border-box。在樣式調整時，可以嘗試增加父元素的高度并/或者修改box-sizing屬性，確保內容可以被滾動。