
使用BFC解决元素高度塌陷问题
当我们布局页面的时候,若是没有设置父布局的宽高,父布局的宽高则是根据子布局计算而来,由子布局撑起来,若是这个时候,我们给子元素设置为浮动布局(float浮动),浮动元素脱离文档流后就会导致父元素出现高度塌陷的问题。
当我们布局页面的时候,若是没有设置父布局的宽高,父布局的宽高则是根据子布局计算而来,由子布局撑起来,若是这个时候,我们给子元素设置为浮动布局(float浮动),浮动元素脱离文档流后就会导致父元素出现高度塌陷的问题。
作为一个成熟的前端程序员,你应该听过BFC这个单词了,BFC基本可以说是现在我们前端布局的一个灵魂属性了。今天我们来说一说BFC的那些事儿。