作者fire231 (Bloodmors)
看板Web_Design
标题Re: [问题] css positioning
时间Mon Jul 7 20:37:11 2014
※ 引述《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
--
※ 发信站: 批踢踢实业坊(ptt.cc), 来自: 36.232.113.200
※ 文章网址: http://webptt.com/cn.aspx?n=bbs/Web_Design/M.1404736638.A.E55.html
1F：推 hit1205:那个 8px 其实是浏览器的内建样式 XD 07/07 21:52
2F：→ mmis1000:这就是为啥有cssreset这种东西，不加的话常被内建样式整 07/07 23:32