老师这里的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的距离,结合定位移动),就到达了最右侧,
实现的思路,也可以参考下教辅哦,例:
如果我的回答帮到了你,欢迎采纳,祝学习愉快~
好帮手慕言
2020-01-29
“__帅_包包”同学你好,右侧的内容设置margin-left: -220px;再配合right值就可以实现效果了,或者使用margin-right: -100%;也可以实现效果。两种方式都可以的
祝学习愉快~
相似问题