BFC外边距穿透具体 是神马玩意儿
既然我们提到了BFC,那么首先我们就应该知道BFC是神马玩意儿,那这个BFC到底是啥呢,所谓的BFC它就是平常我们写block和inline的标准文档流。
其实他就是我们平常的块级元素自顶向下排列,同级之间的containing block顶部一个接一个垂直排列,水平方向上撑满宽度。因为两个相邻的BFC之间距离由margin决定,在同一个BFC内部,两个垂直方向相邻的块级元素margin值会"共用",导致塌陷。也是经典的外边距塌陷问题。这也就BFC外边距穿透。
那么如何解决这个问题,其实很简单,只需要通过对父容器添加overflow:hidden,改变它的BFC,这样处于同样的BFC下的容器就会将子div内容算入,撑开父容器。
初次发表多多见谅。。