jquery 元素定位

很多时候做一个项目需要定位一个div相对于另一个div的位置
可以直接在js里面做，css里面定位的方法太多，我觉得太乱，
基本我只用relative absolute 试试拿个可以就用哪个。

//
function t10() {
    var div1 = $("<div>");
    div1.css("width", "100");
    div1.css("height", "100");
    div1.css("background-color", "red");
    div1.css("position", "relative");
    div1.css("left",100);

    $("#content").append(div1);

    var div2 = $("<div>");
    div2.css("width", "100");
    div2.css("height", "100");
    div2.css("background-color", "green");

    $("#content").append(div2);
    //    div2.css("position", "relative");
    div2.css("position", "absolute");
    div2.css("left",  div1.width() / 2);
//    div2.css("left", Number(div1.css("left")) + div1.width() / 2);
//    div2.css("left", "100px");
    //alert(div1.offset());




}