完全不考慮父元素邊框的位置元素

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去掉位置樣式。

這應該解決您的問題。