绝对位置元素与父元素的边界无关

Question

默认情况下，如果您尝试将元素绝对放置在父容器的左上角，它将分别对应边框宽度（请参阅小提琴：http://jsfiddle.net/t52Pp/1/）：

<div>
    <i>element</i>
</div>

div {
    position: relative;
    border: 20px solid red;
    height: 14px;
}
div > i {
    position: absolute;
    top: 0;
    left: 0;
    font-size: 14px;
}

如何不考虑边框宽度而不必指示负值（例如http://jsfiddle.net/u75s7/1/），我该如何做同样的事情：

div > i {
    position: absolute;
    top: -20px;
    left: -20px;
    font-size: 14px;
}

Answer 1

你最好的选择可能是在边界div附近添加另一个div。然后给它一个位置相对的样式，ans从边界div中删除位置样式。

这应该可以解决您的问题。