亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定

為什么float可以讓元素脫離標準文檔流?

http://img1.sycdn.imooc.com//57d6675b0001a6f409000463.jpg課件里面寫的設置了float屬性的元素不是還處于標準文檔流之中嗎?可是為什么答案是float和絕對定位呢?不應該是fixed和決對定位才脫離標準文檔流嗎?

正在回答

6 回答

浮動元素是屬于半脫離文檔流,元素如果設置了浮動,它是會脫離文檔流的,例如有兩個div元素,第一個div

元素設置了浮動效果,第二個沒有設置,那么第一個元素將會覆蓋掉第二個元素,但是如果第二個元素里面

有文字內容 ,其實它確實蓋住了元素,但是元素里面的文字卻會自動圍繞,這是它的字圍現象,特殊的地方,

這時,網頁上面有一些簡介圖片加文字就可以通過它實現


0 回復 有任何疑惑可以回復我~

sdffsdadsdfghjklkjhgfsadfghj

0 回復 有任何疑惑可以回復我~

那啥,我覺得float記為半脫離就好了,因為float確實會導致文本環繞效果,但是使用兩個div實驗,浮動的會覆蓋在另一個上。我也搞不懂,但感覺這樣理解,好受些。

0 回復 有任何疑惑可以回復我~

文字會圍繞float的元素,所以float的元素在文檔流還是占有一定位置

文字被absolute的元素遮擋了,說明absolute的元素已經完全脫離文檔流,文字可以無視它的存在。


0 回復 有任何疑惑可以回復我~

float本身是不可以讓文本脫離文檔流的,但是加上position:absolute;就可以了。

0 回復 有任何疑惑可以回復我~

單獨使用float時,即便是被設置了浮動,元素仍然在標準文檔流中, 但是由于設置了絕對定位,使得元素脫離了文檔流,所以說是兩者的結合才可以使元素脫離文檔流,起作用的是絕對定位,而不是float哦;另外,fixed固定定位,設置了以后元素是不會脫離文檔流的

1 回復 有任何疑惑可以回復我~
#1

朵朵熙熙丶

不對不對吧逗比不
2016-09-14 回復 有任何疑惑可以回復我~
#2

朵朵熙熙丶

不對不對吧逗比不
2016-09-14 回復 有任何疑惑可以回復我~
#3

朵朵熙熙丶

很多很多患得患失
2016-09-14 回復 有任何疑惑可以回復我~

舉報

0/150
提交
取消
如何用CSS進行網頁布局
  • 參與學習       209566    人
  • 解答問題       1206    個

用最簡潔的案例教你布局的那些知識,這是前端工程師基本技能

進入課程

為什么float可以讓元素脫離標準文檔流?

我要回答 關注問題
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號