关于margin-left

来源:3-7 布局-解题-3

慕先生5461412

2021-02-27

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

写回答

1回答

weixin_慕设计9102227

2021-02-27

我不确定我完全理解了你的问题,但是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,应该就不用思考把谁放在谁后面了。希望有帮到你,如果我有说错的地方麻烦小伙伴们指出来,谢谢。

0
0

一天时间高效准备前端技术一面 匹配大厂面试要求

针对时下面试高频考点,帮助新人js面试快速通关

4694 学习 · 1681 问题

查看课程