关于margin-left:-400px;

position:fixed;

left:50%;

margin-left:-400px;

1、老师这里的margin-left:-400px;与margin-right;400px;为啥效果不一样，区别是什么？

2、添加left定位后，是不是不能在元素右边加外边距或填充把它左移？

慕仙9874720 2019-11-01

源自：CSS定位（position） 2-14 编程练习

5

收起

2回答

好帮手慕言 2019-11-02 14:09:34

同学你好，margin-left 属性设置元素的左外边距。

如果为正值的话，元素会像右移动，可以理解为，左侧有东西，把元素推向右侧。如果为负值的话，元素会向左移动，

同学可能对这块内容不了解，可以去看一下视频，复习一下知识

https://class.imooc.com/lesson/754#mid=18803

如果还有其他疑问，为了高效的为同学解答，可以新建问题进行提问。

如果帮助到了你，欢迎采纳~祝学习愉快~

好帮手慕言 2019-11-02 10:53:06

同学你好，关于同学的疑问，解答如下：

1、两者效果是不一样的。

margin-left为负值时，会往左移动。

例子：

效果：

margin-right;400px;代表的是右外边距是400px。

例子：

2、添加右外边距不能使元素左移。margin-right一般用来设置右外边距。

比如：

效果图：

如果帮助到了你，欢迎采纳~祝学习愉快~

提问者慕仙9874720 #1

老师这种情况添加左外边距，元素是会往右移动相应的像素的，这又是什么原因？ <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> *{ margin: 0; padding:0; } .outside{ width: 500px; height: 200px; background-color: red; } .inside{ width: 200px; height: 200px; background-color: blue; margin-left: 100px; } </style> </head> <body> <div class="outside"> <div class="inside"></div> </div> </body> </html>

2019-11-02 11:38:31

相似问题

老师看看这个margin-left: -400px;这个问题

关于margin-left：-400px问题

为什么设置margin-right：400px不行？

关于margin属性的

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

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

1.前端零基础入门

参与学习人
提交作业 8403 份
解答问题 40143 个

本阶段为你揭开日常所见网页的神秘面纱，炫酷的动效并不难得，带你从基础知识到静态网页布局，再到用JS实现动态网页开发，轻松迈入前端开发的大门。

本课精华内容

问答作业

关于浏览器兼容性代码疑问

16 1

请老师检查

65 3

没有明白，为什么height是90，padding-top为60。它就居中了？

26 3

关于三种常用的清除浮动方法的优劣对比，请老师简单讲一讲

18 1

进击的小白们加油。分享一下我做最后这个项目作业的感受

188 1

查看更多本课问答

请稍等 ...

意见反馈帮助中心 APP下载