課程
/前端開發
/HTML/CSS
/如何用CSS進行網頁布局
overflow:hidden ? ?clear:both ? ? position:absolute清除浮動的原理各是什么?
2016-05-26
源自:如何用CSS進行網頁布局 5-2
正在回答
設置overflow并不會在該元素上清除浮動,它將清除自己(self-clear)。意思就是,應用了overflow(auto或hidden)的元素,將會擴展到它需要的大小以包圍它里面的浮動的子元素(而不是疊了起來(collapsing)).
clear:both意思是清除全部浮動,比如left和right元素設置了float時,相當于脫離了文檔流,該元素的占位空間自然也就沒有了,下面的foot元素就會直接緊挨著在top下方;而使用了clear語句后,就清除了float屬性,就會回到最下方的位置。
下面那個不太了解。
舉報
用最簡潔的案例教你布局的那些知識,這是前端工程師基本技能
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網安備11010802030151號
購課補貼聯系客服咨詢優惠詳情
慕課網APP您的移動學習伙伴
掃描二維碼關注慕課網微信公眾號
2016-05-27
設置overflow并不會在該元素上清除浮動,它將清除自己(self-clear)。意思就是,應用了overflow(auto或hidden)的元素,將會擴展到它需要的大小以包圍它里面的浮動的子元素(而不是疊了起來(collapsing)).
clear:both意思是清除全部浮動,比如left和right元素設置了float時,相當于脫離了文檔流,該元素的占位空間自然也就沒有了,下面的foot元素就會直接緊挨著在top下方;而使用了clear語句后,就清除了float屬性,就會回到最下方的位置。
下面那個不太了解。