a标签和p标签不能设置margin

经常会发现正常div的属性在a标签上或者p标签上都不管用,这是因为a标签和p标签都不是盒子模型。

例如:

<div style="margin-top:5px;"></div>

这是有效的距离,但是

<a style="margin-top:5px;"></a>

这就是无效的距离

原因很简单,margin是针对盒子的,a标签和p标签都不是盒子模型,但是可以把他们变成盒子模型

style="display:block"

变成块级元素后,就成为盒子模型了,就可以设置margin等属性了。

posted @ 2018-08-16 19:06  rainbowxch  阅读(3808)  评论(0编辑  收藏  举报