为什么这里用margin-top:10px可以用margin-bottom:10px不可以呢？？

bxhckwf

2016-01-29

源自：导航条菜单的制作 4-1

关注问题我要回答

978

操作

收起

3 回答

Dexter_psj 回答被采纳 +3 积分
2016-01-29

margin 是外边距top-10px;是和上面的元素距离减10像素，你bottom10是把下面的元素推开10个像素；就好像你站在你爸和你妈中间，不能说吧你妈妈推开1米就相当于你靠近你爸一米吧！

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

收起回答

bxhckwf 提问者

非常感谢！

2016-01-30 回复有任何疑惑可以回复我~

bxhckwf 提问者

其实我还是有一点很模糊不清的是 margin本质来说是不是增加外层容器的宽度或者高度比如父级DIV1和子级DIV2 当子级DIV2 margin-left 10px那么是不是就相当于增加父级div1的宽度10px 但是这个例子中用这个解释的话是不是父级li以上边为基准高度减少10个像素那最终结果为什么会容器上移呢

2016-01-30 回复有任何疑惑可以回复我~

Dexter_psj 回复 bxhckwf 提问者

margin是控制元素的外边距的，并不是增加外层容器的宽高，外层容器之所以会变宽变高是应为内部元素把他给撑大的。margin-top -10px是说，父元素上边高度-当前元素上边高度=-10，父元素高度没变，那不就是当前元素高度增加10px吗。

2016-02-01 回复有任何疑惑可以回复我~

查看2条回复

paulihs
2016-09-01

未必！！我觉得是因为<li>的高度没定，也就是说<li>这个框的下边框你不知道在哪!<li>的高度是自适应的，他不固定你没法依靠他定位，反而<li >的上边框位置是确定的，所以margin-top:-10px能到达使<a>向上移动10px的目的。当然就算<li>的上边框位置不知道，还是可以根据margin-top来定。因为<a>只要相对向上移动

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

收起回答