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

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

float脫離標準文檔流

到底為什么給第一個塊設置float:left;了,給第二個還沒有設置float的時候,為什么第二個塊不移到第一個塊的右面??如果說第一個塊已經沒有在mainbody里,而第二個塊還在mainbody里,所以起不了作用的話,那為什么上節課的就可以???

正在回答

4 回答

float的元素脫離了文檔流,但是沒有脫離文本流,字體是認同浮動元素所占據的區域的。


作者:weibo_哆啦A夢有大口袋_0
鏈接:http://www.xianlaiwan.cn/article/8915
來源:慕課網

第一個元素浮動之后,會讓它脫離文檔流,也就是說當它后面還有元素時,其他元素會無視它所占據了的區域,直接在它下面布局。所以第二個元素作為塊級元素獨占了一行,在它下面布局了。而上一節課是文字,文字會認同浮動元素所占據的區域,圍繞它布局,也就是沒有脫離文本流。

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

因為div是塊級元素獨占一行吧

0 回復 有任何疑惑可以回復我~
第二個塊是不是寬度大了,造成溢出了?
0 回復 有任何疑惑可以回復我~

<!--當元素沒有設置寬度值,而設置了浮動屬性,元素的寬度隨內容的變化而變化-->

<!--當元素屬性設置浮動性后,會對相鄰的元素造成影響,相鄰元素特指緊鄰后邊的元素-->

體會一下上一節老師說過的這兩句話,本節的情況是,包裹left ?和 right兩個div的wrap設置了寬度。你再自己思考一下

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

慕粉1010304163 提問者

對啊,wrap設置了寬度,給left設置了浮動和寬度了,right也設置了寬度,而兩者寬度沒有超過wrap的寬度,為什么right沒有緊接著在left后面,而是垂直下來還不分被left覆蓋了
2017-04-20 回復 有任何疑惑可以回復我~

舉報

0/150
提交
取消
網頁布局基礎
  • 參與學習       214678    人
  • 解答問題       1833    個

讓你精通CSS中三大定位機制,徹底掌握網頁布局的相關知識

進入課程

float脫離標準文檔流

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

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

幫助反饋 APP下載

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

公眾號

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