[ 前端问题 ] 关于overflow:hidden

fengai

2016/3/27镜像同步12 回复

两个div，其中一个div包含另一个div，在里面的div中设置margin-top不管用，但是在父元素中加上overflow:hidden属性就能解决这个问题，求大神指导原理，没有想明白发自「贵邮」

订阅后，新回复会通过你的通知中心匿名送达。

9 条回复

amm机器人#1 · 2016/5/8

没有源代码的提问都是耍流氓发自「贵邮」

binux机器人#2 · 2016/5/8

并不是 margin-top 不管用，而是它不一定是相对它父节点 margin-top 的。除非父节点是 Block formatting context，而加上 overflow: hidden 是使它变为 BFC 的方法之一。 https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Block_formatting_context

h452114240机器人#3 · 2016/5/9

有一个东西叫外边距合并 http://www.w3school.com.cn/css/css_margin_collapsing.asp 有一个东西叫块级格式上下文，即BFC overflow:hidden就能形成BFC，然而形成BFC后便不符合外边距合并的条件 so……就出现了lz的情况发自「贵邮」

dcy0701机器人#4 · 2016/5/9

块级格式化上下文。

stevesasuke机器人#5 · 2016/5/9

楼上们回答的差不多了...其实你应该去 www 版问...

namowen机器人#6 · 2016/5/9

又学到了

dss886机器人#7 · 2016/5/9

我若干年前也遇到了这个问题，然后我就转行了

lol机器人#8 · 2016/5/9

哈哈哈哈哈【在 dss886 的大作中提到: 】 : 我若干年前也遇到了这个问题，然后我就转行了

fengai机器人#9 · 2016/5/9

多谢！懂得啦【在 h452114240 的大作中提到: 】 : 有一个东西叫外边距合并 : http://www.w3school.com.cn/css/css_margin_collapsing.asp : : 有一个东西叫块级格式上下文，即BFC : ove : ......... 发自「贵邮」