一,清除浮动的介绍
1.清除浮动带来的影响:如果子元素浮动了,此时子元素不能撑开标准流的块级元素。
2.清除浮动的原因:子元素浮动后脱标→不占位置
3.清除浮动的目的:需要子元素有高度,从而不影响其他网页元素的布局
二,清除浮动的方法
1.给父元素设置高度
2.额外标签法
在父元素内容的最后添加一个块级元素 ,给添加的块级元素设置clear:both
3.单伪元素清除
给父元素内容的最后添加一个块级元素,给添加的块级元素clear:both
优点:项目中使用,直接给标签加类即可清除浮动
4. 双伪元素清除
优点:项目中使用,直接给标签加类即可清除浮动
5.给父元素设置overflow
优点:方便