为了账号安全,请及时绑定邮箱和手机立即绑定

找个也可以用margin-left 和margin-top 来表示吧?

不用绝对定位,用margin-left  和margin-top 来表示吧,但是用margin-left的100px和绝对定位的left100px的位置差了一点点,margin的要更靠右一些,这是为什么?

正在回答

5 回答

相对定位需要考虑到边框线的宽度的

0 回复 有任何疑惑可以回复我~
#1

qq_乐_5 提问者

非常感谢!
2016-04-27 回复 有任何疑惑可以回复我~
#2

qq_乐_5 提问者 回复 qq_乐_5 提问者

谢谢,但是我把边框线调整大了,看是否是那个距离,发现不是的。而且只有绝对定位的时候,才有这种区别,相对定位的话,没有这种区别,你知道是什么原因吗?
2016-04-27 回复 有任何疑惑可以回复我~
#3

qq_乐_5 提问者 回复 qq_乐_5 提问者

谢谢,但是我把边框线调整大了,看是否是那个距离,发现不是的。而且绝对定位的时候,左右有区别,相对定位的话,上下会有区别,你知道是什么原因吗?
2016-04-27 回复 有任何疑惑可以回复我~

在border都很细的时候,确实看上去有差别,可是当我把里面块元素的边框线增加到25px,宽度变为50,边框用dotted,外面的父包含块的宽度变成100px,边框线用solid的时候,我发现,margin和position:absolute的用法并没有什么不同,两种边框的贴合并没有区别,难道是眼睛的错觉???????

0 回复 有任何疑惑可以回复我~

这里的left和top和margin-left和margin-top是不一样的,绝对定位的left和top是相对于浏览器的偏移,而margin是相对于上一级盒子的偏移(在此处是body)。不同浏览器的body相对于浏览器的偏移量是是不一样的。在本段代码里,如果要让绝对定位的left和right的效果和margin-left和margin-right的效果一样,必需加上一段样式body{margin:0px;},否则有明显差别。

0 回复 有任何疑惑可以回复我~

如果是有区别的话应该就是border这个属性的原因了。

0 回复 有任何疑惑可以回复我~

padding和margin的区别,padding在边框里,margin在边框外


然后绝对定位使用left、right、top、bottom属性相对于其最接近的一个具有定位属性的父包含块进行绝对定位。

margin是从框外到盒子的距离

而margin和padding之间还有一段距离

这个误差可能是这一段距离造成的

http://img1.sycdn.imooc.com//571f66940001304305570259.jpg




刚刚学,有错匆喷,共同讨论


1 回复 有任何疑惑可以回复我~
#1

九日谈

就是边框线的粗细的距离
2016-04-26 回复 有任何疑惑可以回复我~
#2

qq_乐_5 提问者 回复 九日谈

谢谢,但是我把边框线调整大了,看是否是那个距离,发现不是的。而且只有绝对定位的时候,才有这种区别,相对定位的话,没有这种区别,你知道是什么原因吗?
2016-04-27 回复 有任何疑惑可以回复我~
#3

qq_乐_5 提问者 回复 九日谈

谢谢,但是我把边框线调整大了,看是否是那个距离,发现不是的。而且绝对定位的时候,左右有区别,相对定位的话,上下会有区别,你知道是什么原因吗?
2016-04-27 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消

找个也可以用margin-left 和margin-top 来表示吧?

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信