下面是我自己对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.如果给外面div加overflow:hidden;后,外面div是不是里面两个div的BFC?
总结:
1.在上面结构中,如果外面div高度自适应,里面div不浮动,那么外面div
是里面div的BFC.
2.如果外面div设置了高度,里面div高度超过了他,那么他不再是里面div
的BFC.
3.如果外面div高度自适应,里面div浮动,外面div还是他们的BFC。
4.在3的基础上,给外面div加overflow:hidden;他又是他们的BFC了。