伪元素：隐藏前溢出

Question

我有一个有两个边框的元素。我通过添加一个伪元素来实现：

.inner:before {
    width: 72px;
    height: 28px;
    content: '';
    display: block;
    border: 3px solid rgb(255, 0, 0);
    position: absolute;
}

元素用另一个具有属性overflow: hidden的div包装。

正如你在这里看到的那样：http://jsfiddle.net/HKEn4/1/ .inner-element被隐藏但不是伪元素（在OSX上使用safari，firefox和chrome进行测试）。

如何隐藏伪元素？

Answer 1

我在position: relative;课程中添加了.wrapper，但它确实有效！

请参阅小提琴：http://jsfiddle.net/HKEn4/2/

Answer 2

从position:absolute伪元素中删除:before，或将position:relative添加到容器中。