A股上市公司传智教育(股票代码 003032)旗下技术交流社区北京昌平校区

 找回密码
 加入黑马

QQ登录

只需一步,快速开始

本人前端初学者,近期在网上见到关于margin塌陷的几种不同说法

请问这两种说法中,哪个才是margin塌陷?

5 个回复

倒序浏览
这并不是两种塌陷的说法吧,你贴的第一种是脱离文档流的盒子不存在塌陷,是对的啊。
而下面这种,只是父盒子嵌套子盒子所造成的塌陷的一种案例,并没有说都脱离文档流了啊。
这两者都是对的且其实都是不产生塌陷的方法罢了。一个是通过脱离文档流(浮动)可以消除塌陷,另一个是父盒子包裹子盒子案例中解决塌陷的方法。
回复 使用道具 举报
傅奕 发表于 2016-7-24 17:05
这并不是两种塌陷的说法吧,你贴的第一种是脱离文档流的盒子不存在塌陷,是对的啊。
而下面这种,只是父盒 ...

我贴出来的第一种称:竖直方向不叠加以较大为准,跟第二个的外边距合并不是一样的吗?为何前者称为塌陷现象,而后者在第二张贴出来的图片中叫做外边距合并?
是不是其实两者都是塌陷现象,而前者是针对上下两个兄弟盒子之间的塌陷,而后者是将父子盒子之间的塌陷?
回复 使用道具 举报
对,后者是比较特殊的塌陷现象
回复 使用道具 举报
傅奕 发表于 2016-7-27 10:31
对,后者是比较特殊的塌陷现象

明白啦,非常感谢啊!
回复 使用道具 举报
这两个都是margin的特殊现象,第二个叫塌陷
回复 使用道具 举报
您需要登录后才可以回帖 登录 | 加入黑马