2 asderfzxcd asderfzxcd 于 2017.01.06 15:51 提问

css中margin与padding的问题
css

![图片说明
如图,为什么第一个p没有距离上边距20px,而第二个p距离上面20px

8个回答

fenghui187
fenghui187   2017.01.06 17:35
已采纳

margin击穿问题,具体的你可以看看我的第一篇博客

asderfzxcd
asderfzxcd   2017.01.06 15:49

![图片说明](http://img.ask.csdn.net/upload/201701/06/1483688941_209796.png)图片说明

asderfzxcd
asderfzxcd   2017.01.06 15:49

图片说明

qq_26625037
qq_26625037   2017.01.06 15:56

margin:针对该元素外部,padding:针对该元素内部。

q34323201
q34323201   2017.01.06 16:28

你换成div试试 这两个属性就知道差别了

jifukui
jifukui   2017.01.06 16:56

margin作用的是兄弟关系的标签,

的父标签所以没有外边距。但是

标签之间的兄弟标签所以就会有外边距。

zhou_zhou12
zhou_zhou12   2017.01.06 17:54

是因为外面div,你加了backgroung-color的原因。你给外面的div加个边框border:1px yellow solid;试试。就发现区别了。实际上第一个p标签是隔了20px的。

zhou_zhou12
zhou_zhou12   2017.01.06 17:56

图片说明

123

123

Csdn user default icon
上传中...
上传图片
插入图片
准确详细的回答,更有利于被提问者采纳,从而获得C币。复制、灌水、广告等回答会被删除,是时候展现真正的技术了!