javascript - 如何相对于父边框的外边缘定位元素？

Question

我正在尝试将四个元素放置在父元素的四个角上。父元素有一个大小动态变化的边框。我想定位元素，使它们接触边框的外边缘，并且最好以这样一种方式进行，即当边框改变大小时我不必担心做某事。

使用绝对定位，我可以让它们相对于边界内部定位：http: //jsfiddle.net/V5jFx/1/

但是，我无法弄清楚相对于外部如何做到这一点。

四个角元素不是必须是父元素的子元素，我愿意使用 javascript，尽管我真的更希望不必检测边框大小的变化。

Answer 1

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

创建一个内部边框与边框 div 的外部边框匹配的包装器。现在你可以在宽度方面做任何你想做的事情，这将起作用。

Answer 2

您可以使用负值定位到父级之外。

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

然后，您可以使用 JavaScript 根据宽度进行调整。

如果您可以使用容器，它就在顶部。如果可以，请标记 FrankieTheKneeMan 的正确答案。它更简单，同样有效。

Answer 3

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

您必须使用 javascript 来改变边框宽度，但top/right值必须是负子宽度 + 边框宽度。