![](https://img-blog.csdnimg.cn/20201014180756757.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
css
zmh_vicky
新晋程序媛
展开
-
什么是BFC?如何触发BFC
什么是BFC?BFC(Block formattin context), 直译:“块级格式化上下文”。在页面上形成一个隔离的独立容器,容器里面的子元素不会影响外面的元素。反之亦是。那些元素具备BFC的条件?不是所以元素都能产生BFC,w3c规范只有display属性为block,list-item,table的元素,会产生BFC。如:div,h1~h6,p,ul,ol,li等。如何触发BFC?具有产生BFC条件,但是触发才能产生BFC,创造封闭的环境。触发条件:float属性不为none;原创 2021-07-23 12:29:20 · 2412 阅读 · 0 评论 -
子盒子浮动,父盒子清除浮动高度内容撑开
清除浮动的方法本质分为两种,一种为额外标签法,一种父盒子加overflow。额外标签法又有两种情况。父级盒子加一个空元素 <div class="father"> <div class="son"></div> <div class="son"></div> <div class="clearfix"></div> </div&原创 2021-07-17 21:40:39 · 276 阅读 · 0 评论 -
布局内嵌盒子外边距合并问题
在html布局中经常会出现两个嵌套的盒子,内嵌的盒子加外边距会被外面的盒子合并,就不能正确的显示出来。.father { width: 200px; height: 200px; background: pink; }.son { width: 50px; height: 50px; background: skyblue; margin-top: 50px; } 要解决这个嵌套盒子的子盒子外边距被父盒子合并的问题,可以使用一下三种方式:1、原创 2021-07-17 15:17:26 · 257 阅读 · 0 评论