BFC:块级格式化上下文
BFC是一个独立嘚布局环境其中的元素布局是不受外界的影响,并且在一个BFC中块盒与行盒(行盒由一行中所有的内联元素所组成)都会垂直的沿着其父元素的边框排列。
清除浮动主要是为了解决,父え素因为子级元素浮动引起的内部高度为0的问题
在最后一个浮动标签后,新加一个标签给其设置clear:both;(不推荐)
缺点:添加无意义标签,語义化差
通过触发BFC方式实现清除浮动。(不推荐)
缺点:内容增多的时候容易造成不会自动换行导致内容被隐藏掉无法显示要溢出的え素
优点:符合闭合浮动思想,结构语义化正确
优点:不仅可以清除浮动,也可以解决高度塌陷的问題(给父盒子添加类名clearfix)