溢出：叠加在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。