BFC外边距穿透具体 是神马玩意儿

                     BFC外边距穿透具体 是神马玩意儿
   既然我们提到了BFC,那么首先我们就应该知道BFC是神马玩意儿,那这个BFC到底是啥呢,所谓的BFC它就是平常我们写block和inline的标准文档流。
   其实他就是我们平常的块级元素自顶向下排列,同级之间的containing block顶部一个接一个垂直排列,水平方向上撑满宽度。因为两个相邻的BFC之间距离由margin决定,在同一个BFC内部,两个垂直方向相邻的块级元素margin值会"共用",导致塌陷。也是经典的外边距塌陷问题。这也就BFC外边距穿透。

  那么如何解决这个问题,其实很简单,只需要通过对父容器添加overflow:hidden,改变它的BFC,这样处于同样的BFC下的容器就会将子div内容算入,撑开父容器。

初次发表多多见谅。。

猜你喜欢

转载自blog.csdn.net/qq_43287934/article/details/82858213