HTML「overflow：auto」和「overflow：scroll」之間的區別

當我研究overflow屬性的值時，我發現了這兩個值：auto和scroll，如果內容溢出元素，則會添加滾動條。HTML「overflow：auto」和「overflow：scroll」之間的區別

難道有人請解釋他們最近的區別是什麼？

2011-07-14 GirishK

117

自動將只顯示一個滾動條時，任何內容被剪輯。

但是滾動將始終顯示滾動條，即使所有內容都適合並且不能滾動滾動條。

2011-07-14 06:46:47

是的，dat幫助感謝。 – GirishK

至少在Safari的最新版本上似乎沒有什麼區別：即使使用「滾動」，如果內容適合，我也不會看到滾動條。但是，爲了安全起見，我使用'auto'，因爲我只想在剪輯內容時顯示滾動條。 – ma11hew28

@MattDiPasquale OS X和Windows以不同方式顯示滾動條。你可能在Mac上使用Safari？ OS X經常隱藏滾動條，直到您實際滾動。 –

overflow: scroll將隱藏所有溢出的內容並使滾動條出現在相關元素上。如果內容沒有溢出，滾動條仍然可見，但被禁用。

overflow: auto非常相似，但滾動條僅在內容溢出時出現。

對此here有類似的解釋，用一些截圖來說明這一點。

2011-07-14 06:48:14

您的鏈接清除了這一點。謝謝：） – GirishK

當且僅當內容溢出時自動顯示滾動條;但滾動將始終顯示滾動條，內容是否溢出或不。

2011-07-14 06:58:34

給答案添加一個點，Overflow:auto當容器的位置絕對爲Position relative overflow IE7時，在IE7中不起作用。但設置Overflow:scroll作品

2014-07-21 11:38:48 Kira

回答