在父元素中定位元素

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;
}