老师，可以这样理解吗？
#right {
background-color: red;
width:150px;
margin-right: -150px;
}
margin-right: -150px; 是元素向右移动，因为是浮动元素，所以向上挤了
29
收起
正在回答
2回答
同学你好，因为一个盒子实际占据页面的宽度由： width + padding+ border + margin 四个部分组成
案例中的right元素设置了width值为150px, margin-right值为-150px， 那么就可以理解为元素实际占据页面的宽度为0 。
具体可以参考如下解析：三个部分设置float属性后，它们本来应该在一行显示的。但是由于middle设置宽度100%， 占据了父元素所有的空间，父元素没有空间容纳另外两个元素，所以另外两个元素在下面一行并排显示了。
根据前面分析可知，设置margin-right值为-150px之后，盒子实际占据页面宽度为0，所以right盒子会挨着middle盒子在一排显示。
同学可以试着再理解下，祝学习愉快~
相似问题
可以这样理解async/await吗?
48
0
3
老师可以这么理解吗？
5
0
1
老师请问我这样去理解jQuery可以吗?
3
0
3
老师这样可以吗？
19
0
3
SqlSession 的关闭是否可以这样理解
11
0
2
登录后可查看更多问答，登录/注册
4.Vue与React高级框架开发
- 参与学习 人
- 提交作业 239 份
- 解答问题 10739 个
本阶段带你深入前端开发的肌理，通过ES6基础知识和前端主流高级框架的学习，助你快速构建企业级移动webAPP应用，进入职场的终极battle
了解课程
恭喜解决一个难题，获得1积分~
来为老师/同学的回答评分吧
0 星