此時(shí)div1沒有設(shè)置高度，雖然在div2中設(shè)置了高度100px，但是div2是撐不開div1的高度的，因?yàn)榻^對(duì)定位完全脫離文檔流，div1是完全感受不到div2的；

浮動(dòng)：第一種情況　

我們在div2中設(shè)置了向左浮動(dòng)，假如你沒有在div1中清除div2浮動(dòng)帶來的影響，那么你也是無法撐開div1的高度的，因?yàn)閐iv1感受不到浮動(dòng).

但是當(dāng)你清除了浮動(dòng)之后，div1就能感受到浮動(dòng)的存在了（相當(dāng)于浮動(dòng)現(xiàn)在是在文檔流中），高度就會(huì)撐開。

這里有兩種解決方法

浮動(dòng)：第二種情況

神經(jīng)病陽癲瘋

因?yàn)楦?dòng)（div2）能感受得到這里的

，所以該怎么顯示就怎么顯示;即浮動(dòng)元素之前的元素將不會(huì)受到影響。

浮動(dòng)：第三種情況

神經(jīng)病陽癲瘋

是感受不到浮動(dòng)（div2）的存在的，那么

是會(huì)被浮動(dòng)覆蓋的，但是他又不是完全被覆蓋。

我們可以發(fā)現(xiàn)

的背景確實(shí)是被覆蓋了，但是

的文本內(nèi)容沒有被覆蓋，這也是浮動(dòng)的一個(gè)怪異的地方——浮動(dòng)不會(huì)覆蓋文檔流中文本，但是其他屬性會(huì)覆蓋。

解決方法

給

設(shè)置一個(gè)clear:left;　清除浮動(dòng)的影響，讓

能感受的到（div2）的存在。

神經(jīng)病陽癲瘋

到此，關(guān)于“CSS的浮動(dòng)詳解”的學(xué)習(xí)就結(jié)束了，希望能夠解決大家的疑惑。理論與實(shí)踐的搭配能更好的幫助大家學(xué)習(xí)，快去試試吧！若想繼續(xù)學(xué)習(xí)更多相關(guān)知識(shí)，請繼續(xù)關(guān)注創(chuàng)新互聯(lián)網(wǎng)站，小編會(huì)繼續(xù)努力為大家?guī)砀鄬?shí)用的文章！