CSS箭頭在Firefox中的負邊距

Question

我有一個CSS H2箭頭/包裝橫幅thingy，似乎在Chrome中工作時髦。箭頭在H2之後產生（設置爲負餘量），然後設置爲在H2之後放置負餘量並位於H2的外側。

由於某種原因，在Chrome瀏覽器中，此箭頭不斷刷新。最初，當我加載頁面時，箭頭看起來很好，它刷新時會彈出邊界。它在IE/FireFox上正常工作。任何見解都被讚賞！

JsFiddle Example

Answer 1

變化right:0到left:100% 的：僞元素具有計算它的同行邊界的問題之後。

Here's a fiddle.