关于margin-left

Question

margin-left: -100%; 可以理解为将left元素重新放到center元素后面，并且向左移动了center宽度的距离吗？
这里的 -100% 到底是container的offsetWidth宽度还是去掉padding后的宽度呢？

Answer 1

weixin_慕设计9102227 2021-02-27 15:48:23

我不确定我完全理解了你的问题，但是margin-left是控制自己的一个代码，就margin-left根本不会管它前面还是有左边还是上面有什么，当你用了margin-left的负数值的时候，它就认为我要往前移了，所以margin-left：-100%是指它自己往左移动了一整个他自己的宽度也就是width的值。

在之前的教学中，当margin-left是-100%的时候，left元素跑到了center元素的后面，这是因为原本这孩子是在下的，但是就突然在它的视角中center给了腾位置了，而且刚刚好是可以放下一整个它的位置，所以它就跑上去了，但是由于center还是主角，所以left就被center盖住了，而帮助left挪出来就需要重新修改他的位置，也就是老师后来加的position和right

我认为你会有疑问是因为之前老师教学的时候是先写的center，然后写的left，其实如果你先写left再写center，应该就不用思考把谁放在谁后面了。希望有帮到你，如果我有说错的地方麻烦小伙伴们指出来，谢谢。