float深入剖析
float也即浮動(dòng)年堆,在css中修飾元素讓該元素脫離文檔流斑匪,能夠在其所處父元素內(nèi)靠左或靠右顯示呐籽。
劃重點(diǎn):脫離文檔流,靠左蚀瘸、右顯示是指在父元素區(qū)域內(nèi)靠左狡蝶、右或緊鄰其他浮動(dòng)元素,浮動(dòng)元素不會(huì)占用文檔流空間(相對(duì)于塊級(jí)兄弟元素來(lái)說(shuō))贮勃。
1贪惹、浮動(dòng)元素不會(huì)占用父元素空間,因此他不會(huì)撐開(kāi)父元素的寬寂嘉、高奏瞬,如果某父元素內(nèi)只有浮動(dòng)元素,則該父元素會(huì)塌陷泉孩。
2硼端、浮動(dòng)元素后的兄弟元素若為內(nèi)聯(lián)元素則會(huì)緊隨浮動(dòng)元素?cái)[放,若為塊級(jí)元素則會(huì)忽略該浮動(dòng)元素按照文檔流的規(guī)則進(jìn)行擺放寓搬。
3珍昨、float存在的意義是為了讓實(shí)現(xiàn)文字環(huán)繞圖片的效果。
4订咸、清除浮動(dòng)clear:none/left/right/both
本來(lái)想說(shuō)詳細(xì)的全面的總結(jié)一下float的特性曼尊,但由于小白本人水平有限,涉及到的內(nèi)容很繁雜脏嚷,所以只粗淺的總結(jié),方便自己日后回顧瞒御。