老师这里的right部分设置的margin-left为-220px,怎么理解啊

来源:3-2 圣杯布局案例(了解即可)

慕函数4234673

2019-11-08 09:09:22

老师这里的right部分设置的margin-left为-220px,怎么理解啊

写回答

2回答

好帮手慕言

2019-11-08

同学你好,margin-left值设置为负值,元素是会往左移动的。

三个盒子本来浮动后要在一行显示 ,并且类名为right的元素应该在middle后面,也就是右边显示 。但是由于middle设置宽度100%把它们挤下去了 。此时如果强制性让小盒子往左移动 ,那么就会当移动的值是它自身的宽度之后(负值),它整个区域会叠在中间盒子上面(此时距离右边还剩父元素padding的距离,结合定位移动),就到达了最右侧,

实现的思路,也可以参考下教辅哦,例:

http://img.mukewang.com/climg/5dc4ff860931d5f304300363.jpg

如果我的回答帮到了你,欢迎采纳,祝学习愉快~


1
hao_
h 右边为什么不用margin-right:-100%;?
h020-01-27
共1条回复

好帮手慕言

2020-01-29

“__帅_包包”同学你好,右侧的内容设置margin-left: -220px;再配合right值就可以实现效果了,或者使用margin-right: -100%;也可以实现效果。两种方式都可以的

祝学习愉快~

0

0 学习 · 40143 问题

查看课程