課程
/前端開發
/HTML/CSS
/企業網站綜合布局實戰
我覺得box3緊隨box2后面不是應該受到box2浮動的影響嗎?就是一直緊貼著box2?。繛槭裁磿桓采w在最下面,
2016-03-29
源自:企業網站綜合布局實戰 2-4
正在回答
float浮動就是脫離正常文檔流了??梢韵胂蟪稍O置了float的box2為浮動在半空中,其后未設置float的box3還在地面上,自然可以占據box2原先在地面上的位置。
而如果box3也設置了浮動,則想象成box3也和box2一樣脫離了文檔流,但兩個都浮動在空中處于同一層,自然就無法進行覆蓋了。都設置浮動為什么會緊貼著是因為一旦將元素設置了float屬性后,會隱式的將其屬性改為inline-block。
拓展:可以試試在box3中加入一些文字然后再看看。會發現block類型的box3可以占據box2原先的位置,但是box3中的文字(inline以及inline-block類型)會環繞box2。想要滲入理解這一點可以去看CSS的haslayout。
啊__佳佳佳鑫 提問者
第三個盒子沒有設置浮動,沒有脫離文檔流吧
舉報
本課程重點介紹HTML/CSS實現常見企業網站布局的方法
4 回答清除box的浮動,為啥是在box3中清除
1 回答為什么清除左浮動后box3會移到在box1和box2的下面,這個我不理解
2 回答三個div浮動,不需要清浮動嗎?
2 回答#浮動寬度#
3 回答浮動問題?
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網安備11010802030151號
購課補貼聯系客服咨詢優惠詳情
慕課網APP您的移動學習伙伴
掃描二維碼關注慕課網微信公眾號
2016-03-29
float浮動就是脫離正常文檔流了??梢韵胂蟪稍O置了float的box2為浮動在半空中,其后未設置float的box3還在地面上,自然可以占據box2原先在地面上的位置。
而如果box3也設置了浮動,則想象成box3也和box2一樣脫離了文檔流,但兩個都浮動在空中處于同一層,自然就無法進行覆蓋了。都設置浮動為什么會緊貼著是因為一旦將元素設置了float屬性后,會隱式的將其屬性改為inline-block。
拓展:可以試試在box3中加入一些文字然后再看看。會發現block類型的box3可以占據box2原先的位置,但是box3中的文字(inline以及inline-block類型)會環繞box2。想要滲入理解這一點可以去看CSS的haslayout。
2016-03-29
第三個盒子沒有設置浮動,沒有脫離文檔流吧