为什么不能用margin-bottom:10px;?

为什么不能用margin-bottom:10px;?

肆意妄为

2015-07-01

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

关注问题我要回答

3775

操作

收起

4 回答

er567
2016-07-28

margin-top:-10px;是向上走的/margin-bottom:10px;不是向下的

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

流云行者
2015-09-11

其实li之前已经设置过margin-top：20px，所以它的外边距就是对已经固定的父级元素扩展了20px，就是说现在它的所有改变的行为都以此为根据了，如果你把li元素高度变大20px，那么li元素会向下生长而不会说把这20px给挤没了，所以就会挣脱ul的底边界插出去。而margin-top：-10px是a标签的行为，后面你懂的

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

#1

小小奋斗Nice

这么回答不准确，即使把前面li的margin-top：20px值去掉，依然不能用margin-bottom来改变a标签高度增加的方向。更准确地说是这样的，HTML是从上向下布局的，纵向上，元素自上而下依次排列，元素上面的空间已经被其他元素占据，所以如果不浮动，元素只能向下生长。

2015-12-17 回复有任何疑惑可以回复我~

#2

Maxmengt 回复小小奋斗Nice

我基本同意你的看法，可是你并没有解释为什么就可以使用margin-top: -10px呀。毕竟-10px相当于向上生长。

2016-07-15 回复有任何疑惑可以回复我~

Yvonne_D
2015-08-10

HOVER的时候文字就会往下走了，可是你之前设置了背景和下面的线啊，这样就不美观了吧

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

嗟嗟嗟
2015-07-15

同问。。

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

举报

0/150

提交

取消

导航条菜单的制作

参与学习 123899 人
解答问题 813 个

水平、垂直、圆角导航条菜单，让您的技术探索之路更高效

为什么不能用margin-bottom:10px;?

我要回答关注问题

意见反馈帮助中心 APP下载