                        課程
                    
                        /前端開發(fā)
                        
                            /HTML/CSS
                        
                        /網(wǎng)頁布局基礎(chǔ)

課程中強(qiáng)調(diào)的float之后，元素依舊處于標(biāo)準(zhǔn)文檔流中，但是猿問中有不少反對(duì)答案

慕前端0185898

2016-10-24

源自：網(wǎng)頁布局基礎(chǔ) 3-1

關(guān)注問題我要回答

488

操作

收起

3 回答

水秋玄回答被采納 +3 積分
2016-10-24

如圖，left塊浮動(dòng)后（浮起來了），main這個(gè)塊的紅色背景顏色是在left塊下面（浮動(dòng)后不占用背景層的空間），但是文字卻是在left塊后面（也就是浮動(dòng)后占用了內(nèi)容層的空間），所以他是處于標(biāo)準(zhǔn)文檔流的。

1 回復(fù) 有任何疑惑可以回復(fù)我~

收起回答

#1

慕前端0185898 提問者

非常感謝

2016-10-24 回復(fù) 有任何疑惑可以回復(fù)我~

慕前端0185898 提問者
2016-10-24

仔細(xì)想了下這個(gè)模型應(yīng)該是最接近的了

0 回復(fù) 有任何疑惑可以回復(fù)我~

收起回答

#1

水秋玄

錯(cuò)了，內(nèi)容層作為主體永遠(yuǎn)是在背景層上面的。http://idcbgp.cn/video/1331這節(jié)課有講到盒子的3D模型，外邊距、背景色、背景圖片、主體內(nèi)容、內(nèi)邊距、邊框相應(yīng)的層級(jí)。這里你可以給div同時(shí)加個(gè)背景色和背景圖片，背景圖片會(huì)把背景色蓋住的。

2016-10-24 回復(fù) 有任何疑惑可以回復(fù)我~

#2

慕前端0185898 提問者回復(fù) 水秋玄

float之后背景浮動(dòng)，內(nèi)容不浮動(dòng)，做出來最形象的模型就是這個(gè)了，我可以理解就OK了

2016-10-25 回復(fù) 有任何疑惑可以回復(fù)我~

#3

水秋玄回復(fù) 慕前端0185898 提問者

反了，是內(nèi)容層浮動(dòng)。

2016-10-25 回復(fù) 有任何疑惑可以回復(fù)我~