伪元素:隐藏前溢出

Question

我有一个有两个边框的元素.我通过添加一个伪元素实现了这一点:

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

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

正如你在这里看到的:http://jsfiddle.net/HKEn4/1/ .inner元素是隐藏的,但不是伪元素(在OSX上使用safari,firefox和chrome进行测试).

如何隐藏伪元素？

Answer 1

我position: relative;在.wrapper课堂上加入了它的作品!

见小提琴:http://jsfiddle.net/HKEn4/2/