码迷,mamicode.com
首页 > 其他好文 > 详细

BFC

时间:2019-12-18 10:51:27      阅读:70      评论:0      收藏:0      [点我收藏+]

标签:外边距   margin   ref   www   one   传递   覆盖   href   解决   

bfc可以理解为,设置了overflow的盒子,内部形成一个封闭的区域,其他元素不会覆盖在上面,内部的元素margin也不会影响外部的元素。

解决:1.子盒子浮动,父盒子没高度的问题

2.浮动盒子和普通盒子的布局问题

https://www.jianshu.com/p/0d713b32cd0d

3.博客了说了两点,还有一点是解决父子盒子上外边距合并的问题,给父盒子加一个overflow:hidden, 形成一个封闭的区域,子盒子的外边距就不会传递出去,去影响父盒子了。

BFC

标签:外边距   margin   ref   www   one   传递   覆盖   href   解决   

原文地址:https://www.cnblogs.com/shengjunyong/p/12058483.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!