-
釋義
來(lái)w3c的盜圖
何為浮動(dòng)线召，浮動(dòng)及是不固定位置的一種布局方式，添加了浮動(dòng)效果的框可以向左或向右移動(dòng)，直到它的外邊緣碰到包含框或另一個(gè)浮動(dòng)框的邊框?yàn)橹菇募印Ｓ捎诟?dòng)框不在文檔的普通流中，所以文檔的普通流中的塊框表現(xiàn)得就像浮動(dòng)框不存在一樣粪躬。
image.png
image.png
image.png 清除浮動(dòng)效果
1.我們可以使用 clear 屬性來(lái)清除浮動(dòng)效果
| 屬性值 | 描述 |
|---|---|
| left | 清除左側(cè)浮動(dòng)效果 |
| right | 清除右側(cè)浮動(dòng)效果 |
| both | 清除兩側(cè)浮動(dòng)效果 |
2.使用overlfow屬性方法可以通過(guò)觸發(fā)BFC的方式來(lái)清除浮動(dòng)效果
可以給父級(jí)添加： overflow為 hidden|auto|scroll 都可以實(shí)現(xiàn)担败。
此方法經(jīng)驗(yàn)證并不能清除浮動(dòng)，也許是用法不對(duì)镰官，存疑碍侦，待議。
3.使用before和after 雙偽元素來(lái)清除浮動(dòng)效果
div:after{
content: "";
display: block;
clear: both;
}
經(jīng)測(cè)試效果貌似并不好急前，存疑礼搁，待議。
