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

阅读: 评论:0

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

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

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

初次发表多多见谅。。

本文发布于:2024-02-01 10:29:43,感谢您对本站的认可!

本文链接:https://www.4u4v.net/it/170675458535989.html

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系,我们将在24小时内删除。

标签:神马   外边   玩意儿   BFC
留言与评论(共有 0 条评论)
   
验证码:

Copyright ©2019-2022 Comsenz Inc.Powered by ©

网站地图1 网站地图2 网站地图3 网站地图4 网站地图5 网站地图6 网站地图7 网站地图8 网站地图9 网站地图10 网站地图11 网站地图12 网站地图13 网站地图14 网站地图15 网站地图16 网站地图17 网站地图18 网站地图19 网站地图20 网站地图21 网站地图22/a> 网站地图23