关于.left{margin-left:-100%;}

为什么是向上移动？？

鱼鱼鱼砸 2017-08-31

源自：CSS网页布局基础 3-2 圣杯布局案例

45

收起

4回答

Miss路 2017-09-12 09:37:21

“喔唷打豆豆”说的对，这个理解也是对的。大家都很聪明。

慕田峪7213717 2017-09-11 21:54:29

我这么理解：因为有浮动，所以left本身应该是跟在middle同一行后面的，只是因为middle占了整个宽度才跑到第二行。现在left被往左拉了整个middle的长度，所以被拉到了middle的起始位置。

好帮手慕糖 2017-09-01 16:25:47

你好，这里middle占满了父级的宽度，即100%，导致.left被挤到第二行去了，设置.left{margin-left:-100%}是，是往左移动了middle的宽度，从视觉效果上是上去了。

祝学习愉快~

叶松舍 2017-09-01 05:21:28

不是向上呀，是移动了中间盒子的宽度，左盒子是被挤到第二行的

提问者鱼鱼鱼砸 #1

左盒子和右盒子都在第二行，然后他就写了.left{margin-left:-100%},之后页面里面的左盒子就上去了。。没搞懂

2017-09-01 13:08:57

相似问题

margin-left:-220px;改成margin-right:-100%直接到最右了

老师能详细讲讲为什么left设置mar-left：-100%而right设置-220吗？没想清楚

问下老师，margin-left,margin-right负值的问题

不明白属性中的left与margin-left有什么区别

请问这题margin-left是负的，为什么用margin-right没效果

登录后可查看更多问答，登录/注册

前端小白入门系列课程

参与学习人
提交作业 11218 份
解答问题 36713 个

从一个不会编程的小白到一个老司机是需要过程的，首先得入门，学习基础知识，然后才能进阶，最后再到精通，本专题是你走进前端世界的不二选择！

本课精华内容

问答作业

为什么我的没有框

5 45

表格的问题

377 41

大家好,body前面有一个红色的小××，麻烦大家帮我看看

378 40

到底是cellspacing还是cellpacing?

0 35

课间活动的表格怎么实现，想了很久也想不出来

60 30

查看更多本课问答

请稍等 ...

意见反馈帮助中心 APP下载