※ 引述《sean72 (.)》之铭言：
: 我想多了解positioning
: 做了下面的小实验
: http://jsbin.com/cevukote/1/edit?html,css,console,output
: body里面包了一个d1方块
: <body id="bdy">
: <div id="d1"> 100px x 100px
: position defaul static
: 用outline描边
: 最初状态
: bdy height = d1.height
: bdy width = screen width
: 1.
: 为何最初状态
: d1 (d1.left, d1.top) = (8,8)?
因为你的 bdy 不知道为什么自带有 margin 8px
所以位置就不会是 0 0
你可以设定 margin 0px就知道了
: 2.
: d1加入
: margin-left: 20px;
: margin-top: 20px;
: d1 (d1.left, d1.top) = (28,20)?
: bdy (bdy.left, bdy.top) = (8,20)?
: a.(28,20)这两个数字怎么出现的?
: b.为何bdy也跟着下移了20px?
: c.此处margin改变应该是相对于父元素(bdy)
: 为何只有d1.left相对于bdy移动了20px
: d1.top却没有改变?
: 感谢
我不知道你怎么加入的
总之我加入是没这个问题
http://jsbin.com/cevukote/4/edit