浮動元素的特征
浮動元素會脫離文檔流籍救,根據(jù)設置的 float 的屬性值而向左或向右移動调煎,直到它的border外邊緣撞到父容器的內(nèi)邊緣為止。
浮動元素對其他元素的影響
對父容器
如果父容器是普通元素胳嘲,由于浮動元素脫離了文檔流您没,父容器察覺不到子元素的存在鸟召,所以父容器的高度就不能被撐開,高度為0氨鹏,無法包裹住浮動元素欧募。對其他浮動元素
其他浮動元素能察覺到浮動元素,左右移動的時候仆抵,撞到上一個浮動元素的邊緣就會停止浮動跟继,如果在本行裝不下,后面的浮動元素就會往下移動镣丑,直到裝下舔糖。如果前面的浮動元素高度不同,后面的就會在視覺上呈現(xiàn)被卡住的狀態(tài)莺匠。對普通元素
普通元素無法察覺到浮動元素金吗,該在哪還是哪,只是在視覺上會被浮動元素遮擋住趣竣。文本
文本可以察覺到浮動元素摇庙,會給浮動元素讓出位置,在視覺上呈現(xiàn)環(huán)繞的效果期贫。
打個比喻就是跟匆,普通元素住在一樓,浮動元素住在二樓通砍,它們走來走去互不影響玛臂,而文本就相當于這個房子柱子,從上到下貫穿整個房子封孙,可以察覺到所有的元素迹冤。