溢出到左側和頂部？

Question

如果一個元素有overflow: auto或overflow: scroll，並且其內容溢出，則會顯示滾動條......但僅當內容溢出到右側或底部時才顯示。

如果內容向左或向上溢出，overflow是否可以應用滾動條？

Answer 1

你問的有點矛盾。如果你想在一個較小的盒子裏顯示一個大盒子的全部內容，你必須有一個滾動條位置，用於每一端。當您放置以任何方向溢出此「端點」的內容（絕對位置和/或負邊距）時，實質上會阻止您按照預期使用滾動功能。 （這並不意味着我有時候並不覺得它有用:)

Answer 2

如果內容溢出到左邊或頂部，那麼這兩個滾動條出現與overflow: auto或overflow: scroll

jsFiddle

隨着overflow: scroll滾動條始終可見，即使內容不會溢出。

使用overflow: auto滾動條僅在內容溢出時纔可見。