大家好，今天给各位分享margin塌陷的原因的一些知识，其中也会对margin塌陷解决办法进行解释，文章篇幅可能偏长，如果能碰巧解决你现在面临的问题，别忘了关注本站，现在就马上开始吧！

本文目录

1. margin塌陷的原因
2. img可以加margin吗

margin塌陷的原因

margin塌陷问题主要是这种情况,当你在写嵌套盒子的时候,如果你想让里面嵌套的小盒子上边距向下调整时,如果不加任何样式设置的话,当给里面子元素设置向下边距时,它就会“穿透”外面的父级元素,使其带动父元素会一起向下移动,那么这样就造成了margin塌陷的问题。

img可以加margin吗

可以加，img元素：属内联块状元素，也属于行内元素，设置margin有效；

行内元素，块级元素，都可以设置margin，不过行内元素的上下margin在布局中体现不出来即margin的塌陷现象，不影响布局，并不是行内元素不可以设置上下margin，把行内元素转化为块级元素即可显示上下margin

文章到此结束，如果本次分享的margin塌陷的原因和margin塌陷解决办法的问题解决了您的问题，那么我们由衷的感到高兴！