如何定位一个元素相对于父边界的外边缘？

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的正确。它更简单，同样有效。