overflow:hidden不是隐藏元素吗

同学你好， 这是一种特殊的现象， 父子元素， 父元素中没有创建bfc的时候，会出现margin塌陷的问题， 第一个子元素的margin-top和最后一个子元素的margin-bottom值会传递给父级。

可以在父元素上下分别添加一个div测试效果

效果图如下所示， 父元素与其他元素之间有间距哦

希望能够帮助到你， 祝学习愉快·~~~

同学你好， bfc是一个相对比较抽象的概念， 可以参考如下示例理解

1. 首先我们要了解如何创建一个bfc

   

2. 然后， 我们需要了解， 创建bfc之后的作用有哪些

   （1）清除浮动元素带来的影响

   

   
   

   
   

   
   

   
   

   效果图如下所示， 清除了父元素的高度塌陷

   （2）避免元素外边距发生重叠

   
   

   

   

3. 使用BFC避免文字环绕， 就像老师这里讲的给p元素设置overflow：hidden；会形成一个独立的bfc模块， 如下图所示， 正常情况下文字会环绕着图片显示， 设置bfc后就可以避免文字环绕了

   

综上所述， 设置bfc最后造成的影响， 可以理解为bfc规则就是这样的， 以后在代码练习过程中根据实现的效果慢慢积累总结就好了

希望能够帮助到你， 祝学习愉快~~~