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

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

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

因此咱們就須要解決這種問題

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

效果:

解決辦法:

效果:

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

第三種方法:

有時也會這樣寫:

第四種方法: 讓父級元素也一塊兒浮動起來，也能讓父級元素撐起高度。

一般第三種方法用的最多。