在父元素中定位元素

Question

我有以下脚本，它将一些按钮（现在是假按钮）添加到 div：

$("<div class='divButtons'>").appendTo( $(this).closest(".widget").find(".widget_header") );
// not real buttons, just text at the moment.  Trying to get the position right first.
$(".divButtons").text("(close), (min), (max), (help)").css({background:"red",float:"right"});

问题是，我不知道如何让divButtons 的右上角将自己定位到父.widget_header 的右上角。我尝试添加top:some_number_here，但是在使用jQueries ui-sortable 移动div 时效果不佳。

Answer 1

您不必通过 javascript 指定样式属性，尝试在 .css 文件中添加类似这样的内容：

.widget_header {
    position: relative;
}

.your-top-right-corner-class {
    position: absolute;
    top: 0;
    right: 0;
}