CSS四大清除浮動方法

2021-10-09 08:43:32 字數 489 閱讀 1457

方法一:額外標籤法(隔牆法)

在父親盒子中新增乙個盒子,並且在style標籤中給新盒子寫上"clear:both;",即可。
.clear
方法二:父級overflow:hidden

只需要在父親盒子中加入一段**"overflow: hidden;",即可。

下面展示一些 `內聯**片`。

.box
方法三:父級after偽元素(見**)

.clearfix:

:after

.clearfix

方法四:父級雙偽元素

.clearfix:before,

.clearfix:after

.clearfix:after

.clearfix

css清除浮動方法

html 浮動 不想被浮動影響 css wrap float nofloat 現在雖然加了乙個空的div,但是並沒有給它清除浮動,所以目前的效果就是第三個子元素.nofloat還是收到浮動的影響。ok,現在給.clear加上清除浮動 clear ps 這種情況比較適合元素之間是垂直排列布局的,為了不...

css 清除浮動方法

1 額外標籤法 隔牆法 style clear both div 2 父級 overflow hidden style overflow hidden div 3 父級 after 偽元素 clearfix after clearfix 4 父級雙偽元素 clearfix before,clearf...

css如何清除浮動(四)

通過隔牆法,我們可以很方便的清楚浮動。下面我們再來介紹一種清楚浮動的方法 內牆法.仍然是同樣的例子。內牆法和隔牆法很相似,區別在於將這堵牆dis放在div1裡面。通過設定這堵牆的clear both來清除浮動 同樣設定該div的height 10px,使div1與div2之間出現間距。執行結果 那麼...