CSS「綱要」上的Webkit和壁虎

Question

我工作的一個實驗&我發現，「綱要」 CSS2屬性不相同方式實現Webkit的&壁虎

在下面的腳本不同的行爲表現，我有另一個div內的絕對位置div，但在其外面漂浮。 Webkit上的大綱概述了Gecko上的實際父分區，它擴展爲覆蓋子項。

http://jsfiddle.net/KrCs4/

我失去了什麼？是否有需要覆蓋Gecko的屬性？或者它應該被報告爲一個錯誤？

的Webkit截圖：

Firefox的截圖：

編輯：

它證實是一個錯誤，這裏有一個解決方法：http://jsfiddle.net/7Vfee/（您需要確保父母的位置：相對或絕對的t他的解決方法工作。

Answer 1

壁虎的這種不一致的行爲是衆所周知的，並且相當充分的記錄，但奇怪的是沒有MDN但在SitePoint Reference：

火狐直至幷包括3.5版本將吸引各地的內容大綱概要一個元素溢出了邊界而不是圍繞元素的實際集合維度。

這繼續影響所有版本的Firefox。目前我沒有看到一個可行的解決方法，除了從其父母移除絕對定位的div，並將其放置在其他位置。

Answer 2

我有同樣的問題，所以我換它使用大綱使用的box-shadow：

box-shadow: 0px 0px 0px 1px #FFF; 

，而不是

outline:1px #dcdcdc solid;