css 关于BFC的面试题:

1.两个兄弟盒子A在上、B在下，A margin-bottom：20px，B margin-top：30px A和B的最终距离是多少？


  30px 因为同属于一个BFC，margin会重叠。可以给B套一个盒子并开启BFC就变成50px了。




2. A和B是父子关系A在外、B在内，A margin-top：30px ，B margin-top： 20px，A和B之间的距离是多少？
    相同的原因，两个盒子的margin会重叠，导致子盒子会顶在父盒子边框。所以距离是0px。




3.A是绝对定位，B是相对定位，A和B是兄弟关系，A和B分别相对什么位置移动，A 和 B 是否脱离文档流 ?


    A相对有定位的父盒子或者根元素移动，脱离文档流；B相对自己位置移动，不脱离文档流。




                            版权声明：
                        
原文链接：https://blog.csdn.net/wdhxs/article/details/109745062