关于margin属性的

position:fixed;

top:0px;

left:50%;

margin-left:-400px;

margin属性不是设置外边距的吗，这里为什么可以这样设置，这可以怎么理解

慕前端0531089 2019-03-15

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

0

收起

2回答

好帮手慕夭夭 2019-03-25 19:13:12

@浮沉幻听你好同学 ,这里和它的偏移属性有关系 . 如果元素是通过left移动 , 那么间距也是要是要margin-left去移动它 . 就像设置right:50% ,那么也要设置margin-right移动它哦

祝学习愉快 ,望采纳 .

好帮手慕夭夭 2019-03-15 14:01:58

你好同学 , margin是外边距 , 这里设置 margin-left就是设置盒子距离左侧的距离. 正常的设置margin-left:400px为正值 , 那么它会距离左侧400px ,也就是盒子本身会往右移动 .而这里设置负值的原理:

因为设置了left:50%之后 , 盒子往右移动页面的50%的距离 , 然后它左边缘的位置在页面水平居中 ,所以要让一个盒子中心点居中 , 就要让盒子再往左移动它自己宽度的一半 , margin-left:-400px;为负值就是让元素往左移动哦

祝学习愉快 ,望采纳 .

浮沉幻听 #1

那用margin-right：400px为什么不可以呢

2019-03-25 18:07:36

相似问题

关于只写属性的应用

关于HTML属性

关于自定义属性

[m+n]: [m+n]这样的写法是不是既不属于简洁表示法，也不属于属性名表达式？

属性节点对象？

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

前端小白入门系列课程

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

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

本课精华内容

问答作业

为什么我的没有框

5 45

表格的问题

377 41

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

378 40

到底是cellspacing还是cellpacing?

0 35

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

60 30

查看更多本课问答

请稍等 ...

意见反馈帮助中心 APP下载