Jquery UI position插件无法使用边距属性

我正在尝试使用jquery ui position插件在浏览器的右上角屏幕上定位一个框

$('.container').position({
    my : 'right top',
    at : 'right top',
    of : 'body'
}); 

这可以正常工作，并显示在右上角。但我喜欢在盒子和屏幕右侧边缘之间留出一些空间。因此，我在容器中添加了

marginright

位置。箱子立即从右上角移到左上角

普朗克密码是

---

为什么边距属性会影响容器的绝对坐标？

将边距设置为容器将导致jquery ui错误地计算元素的位置，但是您可以使用位置函数本身来执行此操作：

at : 'right-10px top'

此外，为了确保jquery将元素定位在正确的位置，在定位之前，内容应该在元素内部

在本例中，您有两个按钮。第一个按钮将在右角定位一个方框，而第二个按钮将在右角定位一个方框-10px

$（'.myButton1'）。单击（函数（）{
log（'将新元素添加到div容器'）
$（'.container1'）.append（'这是一条长而小的通知消息…此宽度将下降到下一个级别'）；
$（'.container1'）。位置({
我的‘右上’，
在“右上角”，
“身体”
}); 
});
$（'.myButton2'）。单击（函数（）{
log（'将新元素添加到div容器'）
$（'.container2'）.append（'这是一条长而小的通知消息…此宽度将下降到下一个级别'）；
$（'.container2'）。位置({
我的‘右上’，
在‘右10px顶部’，
“身体”
}); 
});
.container1、.container2{
宽度：300px；
背景色：#C3C3；
证明内容：中心；
文本对齐：居中；
不透明度：0.9；
}
.集装箱2{
背景：红色；
}
诺蒂味精{
填充物：5px；
框大小：边框框；
宽度：250px；
}

我的按钮1。。。
我的按钮2。。。


不确定您想在这里实现什么，但是如果您想定位
.container
为什么不使用
CSS
？