CSS清除浮動

2021-08-28 07:11:01 字數 894 閱讀 9300

清除浮動比較好用的方法

父元素加class名為clearfloat,**如下(最佳方法

class

="p1 clearfloat"

>

class

="a1"

>

div>

class

="b1"

>

div>

div>

.clearfloat:after

.clearfloat

在結尾處新增空div (用法簡單但會新增空元素,增加冗餘**)

class

="p1"

>

class

="a1"

>

div>

class

="b1"

>

div>

class

="clearfloat"

>

div>

div>

.clearfloat

父元素設定高度(不能自適應高度)

class

="p1"

style

="height

:100px

">

class

="a1"

>

div>

class

="b1"

>

div>

div>

這三種比較好用,推薦使用第一種

CSS清除浮動 清除float浮動

css清除浮動方法集合 一般浮動是什麼情況呢?一般是乙個盒子裡使用了css float浮動屬性,導致父級物件盒子不能被撐開,這樣css float浮動就產生了。浮動產生樣式效果截圖 本來兩個黑色物件盒子是在紅色盒子內,因為對兩個黑色盒子使用了float浮動,所以兩個黑色盒子產生了浮動,導致紅色盒子不...

CSS清除浮動 清除float浮動

css清除浮動方法集合 一般浮動是什麼情況呢?一般是乙個盒子裡使用了css float浮動屬性,導致父級物件盒子不能被撐開,這樣css float浮動就產生了。浮動產生樣式效果截圖 本來兩個黑色物件盒子是在紅色盒子內,因為對兩個黑色盒子使用了float浮動,所以兩個黑色盒子產生了浮動,導致紅色盒子不...

CSS清除浮動 清除float浮動

一般浮動是什麼情況呢?一般是乙個盒子裡使用了css float浮動屬性,導致父級物件盒子不能被撐開,這樣css float浮動就產生了。浮動產生樣式效果截圖 本來兩個黑色物件盒子是在紅色盒子內,因為對兩個黑色盒子使用了float浮動,所以兩個黑色盒子產生了浮動,導致紅色盒子不能撐開,這樣浮動就產生了...