overflow:hidden
来源：2-3 BFC规范和浏览器差异
齊帥
2020-11-10 15:52:45
# 具体遇到的问题
老師請問可以在解釋一下到底為什麼overflow:hidden可以解決P標籤margin塌陷問題?還是不太理解
他的margin:50不是沒有溢出div嗎?
# 报错信息的截图
# 相关课程内容截图
# 尝试过的解决思路和结果
# 粘贴全部相关代码，切记添加代码注释（请勿截图）
在这里输入代码，可通过选择【代码语言】突出显示
写回答
1回答
-
同学你好，从视频中的代码p标签设置的margin可以看做溢出了div，示例通过检查元素可以看出p标签在网页中所占的高度是300px：
而div标签在网页中所占的高度是200px
所以可以看做p标签的margin值溢出了div。由于css的特性，元素之间的margin会发生重叠。所以这两个橙色方块垂直间距只有50px；
在父元素div中添加overflow：hidden;是为了形成BFC，不是为了超出隐藏，而是为了解决margin塌陷的问题。
祝学习愉快！
0
相似问题