.left{left:-200px;} 和.right{right:-220px;}负的无法理解

如果是便于理解这样写，那我更无法理解了，我修改为

.left{

right: 200px;

}

.right{

left: 220px;

}

也可以正常显示

那么问题来了，left是从何处进行左移动，right又是从何处进行右移动，好困惑啊，这个坎过不去啊，以往课程要重修吗？

芦苇声 2017-08-20

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

33

收起

3回答

提问者芦苇声 2017-08-20 18:03:32

我想通了，都想通了，谢谢

提问者芦苇声 2017-08-20 17:16:57

写漏了，完整是这样的

.left{

width: 200px;

background-color: #f00;

margin-left: -100%;

right: 200px;

}

.right{

width: 220px;

background-color: #30a457;

margin-left: -220px;

left: 220px;

}

Miss路 2017-08-20 17:14:10

你的问题优点断章取义，

.left{

right: －200px;

}

这里面还有一个margin：－100%；这里面却是涉及到了很多的知识点，其实都是学过的，但是一多可能就无法理解了，个人建议，多听两遍，自己写两遍，活着还会不懂，这也没关系，先把这个东西记住，等过段时间再来看或许就明白了。祝学习愉快！

相似问题

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

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

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

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

nav-left nav-right

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

前端小白入门系列课程

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

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

本课精华内容

问答作业

为什么我的没有框

5 45

表格的问题

377 41

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

378 40

到底是cellspacing还是cellpacing?

0 35

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

60 30

查看更多本课问答

请稍等 ...

意见反馈帮助中心 APP下载