如何定位一個元素相對於父邊界的外邊緣？

Question

我想在父元素的四個角落定位四個元素。父元素具有動態變化大小的邊框。我想定位這些元素，使它們接觸邊界的外邊緣，並且最好這樣做，以便我不必擔心在邊框更改大小時執行某些操作。

使用絕對定位，我能夠讓他們相對定位的邊框內：http://jsfiddle.net/V5jFx/1/

我無法弄清楚它是如何相對於外面的事情，但是。

四個角的元素並不是必須的，而且我願意使用javascript，不過我真的不希望檢測到邊界大小的變化。

Answer 1

http://jsfiddle.net/wyKG2/1/

創建包裝，其內部邊框邊框div的外邊框相匹配。現在你可以做任何你想要的寬度明智的，這將工作。

Answer 2

http://jsfiddle.net/V5jFx/2/

你將不得不使用JavaScript來改變邊框的寬度，但top/right值需要負孩子寬度+邊框寬度。

Answer 3

您可以使用負值來放置在父級之外。

http://jsfiddle.net/V5jFx/10/

然後，您可以使用JavaScript基於寬度進行調整。

如果你可以使用一個容器，它已經超過了頂層。如果可以的話，請標記FrankieTheKneeMan的正確。它更簡單，同樣有效。