求教BFC的一些疑惑

下面是我自己对BFC的一些理解和疑问,请指点一下,谢谢。

1.如何理解图上说的?



2.BFC跟绝对定位有点相似:

    绝对定位是向上找position值非static的祖先元素;

    在常规流中的框也向上找包含块,直到遇到它的包含块,

    如果一直没有遇到,那body或者html就是它的包含块?

 

3.在下面结构中:


问题:

q1.外面的div是不是里面两个div的包含块?

q2.当给外面div加了一个50px的高度后,因为里面两个div太高,溢出区了,

外面div是不是已经不是里面两个div的包含块了?

q3.当给外面的div加上overflow:hidden;后,把溢出的内容切割了,此时的

包含块呢?

q4.把外面div高度去掉后,高度是自适应的,如果把里面的div浮动了,

此时外面的div还是他们的包含块吗?

q5.如果给外面divoverflow:hidden;后,外面div是不是里面两个divBFC?

总结:

1.在上面结构中,如果外面div高度自适应,里面div不浮动,那么外面div

是里面divBFC.

2.如果外面div设置了高度,里面div高度超过了他,那么他不再是里面div

BFC.

3.如果外面div高度自适应,里面div浮动,外面div还是他们的BFC

4.3 的基础上,给外面 divoverflow:hidden; 他又是他们的 BFC 了。
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值