解決浮動的影響

浮動會産生的影響：

高度塌陷：

如果父親沒有固定的高度，子元素會添加浮動，後面元素上去補位置，父元素會高度變低

解決方式：

1. 給父元素一個固定的高度

缺點：父元素是固定高度時，如果元素過多，會産生溢出

1. 清除浮動，不讓補位元素進行補位

1. 給父元素添加

   overflow:hidden;

   除了溢出隐藏外，還會觸發BFC塊級元素上下文，形成一個獨立的區域，不受到外界的幹擾，也不會把内部元素影響到外部，同時還能讓浮動的元素參與高度的計算用于解決高度塌陷。

1. 萬能清除法

越努力，越幸運