解讀浮動閉合最佳方案 clearfix

2021-08-03 08:57:11 字數 646 閱讀 4939

之前給大家介紹兩種浮動閉合的辦法css清除浮動 萬能float閉合,得知很多同學都在使用下面的骨灰級解決辦法:

.

clear

上訴辦法是在需要清除浮動的地方加個div.clear或者br.clear,我們知道這樣能解決基本清浮動問題。

但是這種方法的最大缺陷就是改變了html結構,雖然只是加個div。

.

clearfix

:after

.clearfix

用法很簡單,在浮動元素的父雲素上新增class=」demo clearfix」。

你會發現這個辦法也有個弊端,但的確是小問題。改變css寫法就ok了:

.

demo

:after

,.demo2

:after

.demo

,.demo2

以上寫法就避免了改變html結構,直接用css解決了。

.

clearfix

這種方法是端友radom提供的,測試通過:

.

clearfix

感謝radom提供的這種方法!!

**:

解讀浮動閉合最佳方案 clearfix

之前給大家介紹兩種浮動閉合的辦法css清除浮動 萬能float閉合,得知很多同學都在使用下面的骨灰級解決辦法 clear 上訴辦法是在需要清除浮動的地方加個div.clear或者br.clear,我們知道這樣能解決基本清浮動問題。但是這種方法的最大缺陷就是改變了html結構,雖然只是加個div。cl...

解讀浮動閉合最佳方案 clearfix

clear 上訴辦法是在需要清除浮動的地方加個div.clear或者br.clear,我們知道這樣能解決基本清浮動問題。但是這種方法的最大缺陷就是改變了html結構,雖然只是加個div。clearfix after clearfix 用法很簡單,在浮動元素的父雲素上新增class demo clea...

解讀浮動閉合最佳方案 clearfix

clear 上訴辦法是在需要清除浮動的地方加個div.clear或者br.clear,我們知道這樣能解決基本清浮動問題。但是這種方法的最大缺陷就是改變了html結構,雖然只是加個div。clearfix after clearfix 用法很簡單,在浮動元素的父雲素上新增class demo clea...