第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

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

水平定位列表衍生問題


http://img1.sycdn.imooc.com//5764c51a000124ef15650511.jpg

兩個div，第一個左浮動，紅色背景，第二個不浮動，正常顯示，綠色背景，結果是第一個在上面，第二個在下面，看起來好像是第一個在第二個里面，如果兩個div里面都有內(nèi)容，為什么第二個的內(nèi)容會在第一個div內(nèi)容的后面，而不是兩個div內(nèi)容部分重疊呢

正在回答

4 回答

對于我來說，我不明白他這里為什么要加clear：left,不是用來清浮的，真寧瑪費解

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

周龍帆

想明白了，浮動元素規(guī)則里有包裹性，也就是說他會呈現(xiàn)display:inline-block的效果，如果第一個浮動元素后面有足夠的空間（這里指dd這標簽的內(nèi)容不多）來容納第二個浮動元素，第二個浮動元素會與第一個浮動元素排在一起，造成布局影響
2016-06-25 回復 有任何疑惑可以回復我~

浮動元素脫離普通流，其有3個特點，1、浮動元素高度會塌陷。也就說高度為0. 2、浮動元素內(nèi)容還會占領他大小， 也就是行框（line box）的寬高。3、會覆蓋同級的內(nèi)容 （不是BFC的元素就會被浮動元素覆蓋，這個看你興趣，想了解，可以搜搜可視化格式模型）

再解釋你的問題：因為他高度為0，所以他不會占空間，綠色DIV就占了他位子，由特點3知道紅色是覆蓋在綠色上面，但浮動元素內(nèi)容要占領他該有的位子,所以就造成上面那鳥樣。


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

浮動元素脫離普通流，其有3個特點，1、浮動元素高度會塌陷。也就說高度為0. 2、浮動元素內(nèi)容還會占領他大小， 也就是行框（line box）的寬高。3、會覆蓋同級的內(nèi)容 （不是BFC的元素，這個看你興趣，想了解，可以搜搜可視化格式模型）

再解釋上面內(nèi)容：因為他高度為0，所以他不會占一行，其內(nèi)容是由行框撐起，所以他要有自己的位子，并由特點3覆蓋了綠色背景的內(nèi)容。

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

因為DIV默認的是塊級元素

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

六liu六 提問者

首先謝謝你回答我的問題，但好像你的回答解釋不了我的問題。是塊級元素，我是想知道既然第一個元素好像是在第二個里面，但是沒有在第二個里面，為什么第二個里面的內(nèi)容不是從頭開始的，而是在第一個內(nèi)容后面開始，就是說為什么文字部分沒有重疊的
2016-06-18 回復 有任何疑惑可以回復我~

舉報

0/150
提交
取消

水平定位列表衍生問題

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

購課補貼
聯(lián)系客服咨詢優(yōu)惠詳情

 幫助反饋 APP下載

慕課網(wǎng)APP
您的移動學習伙伴

 公眾號

掃描二維碼
關注慕課網(wǎng)微信公眾號