阅读:2399回复:0
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 |
|