BFC
在上一篇文章中,清除浮動(dòng)方法解析,我們談及了一些使用css屬性解決浮動(dòng)帶來(lái)的影響。但是在解決浮動(dòng)帶來(lái)的影響的方法中,如果細(xì)心思考,會(huì)產(chǎn)生如下疑問(wèn):
為什么
overflow
可以清除浮動(dòng)帶來(lái)的影響?能否用其他css屬性清除浮動(dòng)帶來(lái)的影響?
種種的疑問(wèn),會(huì)讓你覺(jué)得CSS真的不容易精通,說(shuō)精通過(guò)于高大上,就連掌握都挺難的。
在清除浮動(dòng)方法解析文章中,只是稍微說(shuō)明了一下上面兩個(gè)問(wèn)題的原因是BFC(塊級(jí)格式化上下文,Block Formatting Contexts)。在分享BFC之前,有必要談?wù)劻硗庖粋€(gè)概念。也就是可視化格式模型