jquery - jQuery ポジショニングを使用して、内側の親の右上隅に子 div を配置するにはどうすればよいですか

Question

ここに私が持っているものがありますが、機能していません:

$(".child").position({
    of: $(".child").parent(),
    my: "top right",
    at: "top right"
});

DOM は次のようになります。

<div class="parent">
   <div class="child">
        sup
   </div>
</div>

Answer 1

なぜこれを行うために Javascript (jquery は言うまでもなく) を使用するのかは、私には理解できません。基本的な CSS でうまくいきます。

.parent{
    position:relative;
}
.child{
    position:absolute;
    top:0;
    right:0;
}

Answer 2

なぜcssを使わないのですか？

jsフィドル

.child {
   position: relative;
   top: 0;
   left: 0;
   float: right;
}