課程
/前端開發
/HTML/CSS
/如何用CSS進行網頁布局
課件里面寫的設置了float屬性的元素不是還處于標準文檔流之中嗎?可是為什么答案是float和絕對定位呢?不應該是fixed和決對定位才脫離標準文檔流嗎?
2016-09-12
源自:如何用CSS進行網頁布局 3-2
正在回答
浮動元素是屬于半脫離文檔流,元素如果設置了浮動,它是會脫離文檔流的,例如有兩個div元素,第一個div
元素設置了浮動效果,第二個沒有設置,那么第一個元素將會覆蓋掉第二個元素,但是如果第二個元素里面
有文字內容 ,其實它確實蓋住了元素,但是元素里面的文字卻會自動圍繞,這是它的字圍現象,特殊的地方,
這時,網頁上面有一些簡介圖片加文字就可以通過它實現
sdffsdadsdfghjklkjhgfsadfghj
那啥,我覺得float記為半脫離就好了,因為float確實會導致文本環繞效果,但是使用兩個div實驗,浮動的會覆蓋在另一個上。我也搞不懂,但感覺這樣理解,好受些。
文字會圍繞float的元素,所以float的元素在文檔流還是占有一定位置
文字被absolute的元素遮擋了,說明absolute的元素已經完全脫離文檔流,文字可以無視它的存在。
float本身是不可以讓文本脫離文檔流的,但是加上position:absolute;就可以了。
單獨使用float時,即便是被設置了浮動,元素仍然在標準文檔流中, 但是由于設置了絕對定位,使得元素脫離了文檔流,所以說是兩者的結合才可以使元素脫離文檔流,起作用的是絕對定位,而不是float哦;另外,fixed固定定位,設置了以后元素是不會脫離文檔流的
朵朵熙熙丶
舉報
用最簡潔的案例教你布局的那些知識,這是前端工程師基本技能
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網安備11010802030151號
購課補貼聯系客服咨詢優惠詳情
慕課網APP您的移動學習伙伴
掃描二維碼關注慕課網微信公眾號
2018-08-25
浮動元素是屬于半脫離文檔流,元素如果設置了浮動,它是會脫離文檔流的,例如有兩個div元素,第一個div
元素設置了浮動效果,第二個沒有設置,那么第一個元素將會覆蓋掉第二個元素,但是如果第二個元素里面
有文字內容 ,其實它確實蓋住了元素,但是元素里面的文字卻會自動圍繞,這是它的字圍現象,特殊的地方,
這時,網頁上面有一些簡介圖片加文字就可以通過它實現
2017-03-28
sdffsdadsdfghjklkjhgfsadfghj
2016-12-16
那啥,我覺得float記為半脫離就好了,因為float確實會導致文本環繞效果,但是使用兩個div實驗,浮動的會覆蓋在另一個上。我也搞不懂,但感覺這樣理解,好受些。
2016-09-12
文字會圍繞float的元素,所以float的元素在文檔流還是占有一定位置
文字被absolute的元素遮擋了,說明absolute的元素已經完全脫離文檔流,文字可以無視它的存在。
2016-09-12
float本身是不可以讓文本脫離文檔流的,但是加上position:absolute;就可以了。
2016-09-12
單獨使用float時,即便是被設置了浮動,元素仍然在標準文檔流中, 但是由于設置了絕對定位,使得元素脫離了文檔流,所以說是兩者的結合才可以使元素脫離文檔流,起作用的是絕對定位,而不是float哦;另外,fixed固定定位,設置了以后元素是不會脫離文檔流的