                        课程
                    
                        /前端开发
                        
                            /HTML/CSS
                        
                        /初识HTML(5)+CSS(3)-升级版

关于margin:20px auto中，上下边距的修改问题？？？

如果修改margin:20px auto 中20px的值那么只有上下边距会发生变化，但是margin:20px auto这句代码不是说的是上下边距都为20px，然后左右边距为auto么？？？为什么修改20px的值后，只有上边距（margin-top）发生变化呢？？？

TheRedWolf

2016-03-24

源自：初识HTML(5)+CSS(3)-升级版 15-2

关注问题我要回答

5571

操作

收起

4 回答

Csunnnnn 回答被采纳 +3 积分
2016-03-26

底部没有参照当然看不出是改变了。居中设置，则左右边距值相对浏览器自动调整。上下边距自定义。你可以多加一行块代码在其后作为参照，就知道下margin-bottom也改变了。

1 回复有任何疑惑可以回复我~

收起回答

it勒布朗

666

2016-04-16 回复有任何疑惑可以回复我~

好好_先生
2016-06-11

我也有跟题主一样的问题，我是这么觉得的，如果不设置上下，那么浏览器默认的是把元素贴在上端，然后设置了margin的top和bottom，虽然两者都有变化，但是上方是跟其父元素相靠近的，所以margin-top就产生了效果，和他父元素的距离就是margin-top，至于其下端因为没有参考物，所以显示不改变，

margin的left top不是我们以前给块状元素直接定位的left和top，他只是一个跟其他元素的距离，而left，right是在页面的距离

1 回复有任何疑惑可以回复我~

收起回答

TheRedWolf 提问者

非常谢谢你！虽然说一开始学到这里时不是很懂，可是不求甚解继续向后学向后学的差不多了再回头来看前面的问题就莫名其妙的感觉懂了虽然不明白到底是怎么回事但是却能明白这个div块到底是怎么显示的我想能理解成这样应该就可以了。。太钻牛角尖的话太痛苦了毕竟我不是搞硬件的不需要知道信号的输入输出。。。。

2016-06-19 回复有任何疑惑可以回复我~