溢出：疊加在firefox中不起作用

Question

在我的網站上，我需要使用css屬性overflow: overlay來獲得<div>。

但是，它不是在瀏覽器中進行渲染，而是在螢火蟲中檢查css顯示它甚至不在那裏，但它是在Chrome中工作的。我沒有測試過Safari。

必須更改以獲取overflow: overlay css屬性的工作方式？

感謝

Answer 1

可能的值溢出是：

visible 
hidden 
auto 
scroll 

對於這些討論，請參閱here或here。

在不同瀏覽器中使用任何其他值將產生不可預知的結果，因爲它們處理不正確的值的方式不同。

編輯：在評論後，我設法找到溢出的提及：overlay here。

內容被限幅和滾動條添加必要時：如描述

覆蓋。

重要的是，它也只表示在Safari或Chrome（即WebKit）中工作。

WebKit的Bugzilla的This item表明，它是不長了世界上在任何情況下：

的WebKit目前有所謂的「覆蓋」，這是無證而據我可以從讀講一個專有的CSS溢出值代碼完全像「auto」一樣工作。

我們應該刪除它或將其重命名爲「-webkit-overlay」。

更新2016年3月

看起來像overflow: overlay並沒有消失。有跡象表明它正在進入標準。

overlay和auto之間的區別只在於滾動條會出現在頁面內容的頂部，而不會導致其佔用佈局空間。

參見here for the discussion。