觀看金魚都能懂網頁設計入門 9
在舊有的系統維護時會運用到,而且float可以運用在文繞圖或是多欄版式面邊排
可以以文繞圖的方式或是以下圖片做比喻,這朵花被周圍的小葉子圍繞住,就像是img被p段落所包圍
有靠左及靠右,沒有靠中間
float: left;
float: right;
float 會搭配 clear 做使用
clear用處:
原理 => 父層是被clear拉開來的,而不是被內容所稱開
clear 會閃開浮動物件,它會在所有浮動物件的最下方,來把父層做拉開
這邊是實作一下兩欄排版,運用了float 搭配 clearfix
https://codepen.io/mikeyam/pen/GRZYdLj
小金魚趕快來練習一下float技術,多學一點就是經驗累積