清除浮动的影响

清除浮动的影响:
①给浮动元素的父元素设置高度 (需要高度是已知的)

②给浮动元素的父元素加 overflow:hidden/auto; （常用）(开启BFC格式:变为独立的一块, 子元素不会在布局上影响父元素)

③给受影响的元素加 clear:left/right/both;

④空div法 (弊端：页面会新增很多空div元素)
在浮动元素的后面加一个空div
即：
div{ clear: both; }

⑤伪对象法（常用）
浮动元素的父元素::after{ content: "" ; display: block; clear:both; }