css中常用的清楚浮動的方法

如果父級元素沒有設置高度，並且其中的子元素進行了浮動，那麼父級元素的高度就會塌陷成0高度，會影響後面元素的排版和佈局，

也就是後面的元素會直接頂上去。

所以我們就需要解決這種問題

第一種方法: 直接給父級元素添加overflow:hidden; 屬性

效果:

解決辦法:

效果:

第二種方法:在浮動的元素後面再添加一個空的div，並且添加清楚浮動的屬性

第三種方法:

有時也會這樣寫:

通常第三種方法用的最多。