CSS浮動(dòng)為什么不會(huì)遮蓋同級(jí)元素_html/css_WEB-ITnose
來(lái)源：懂視網(wǎng)
責(zé)編：小采
時(shí)間：2020-11-27 16:39:17
CSS浮動(dòng)為什么不會(huì)遮蓋同級(jí)元素_html/css_WEB-ITnose
CSS浮動(dòng)為什么不會(huì)遮蓋同級(jí)元素_html/css_WEB-ITnose:html+CSS源碼： img {border:solid 1px green;display:block;}#id1{float:left;}div{border:solid 2px blue;}p{border:solid 1px red;}This is some text. This is some text. This is some te
導(dǎo)讀CSS浮動(dòng)為什么不會(huì)遮蓋同級(jí)元素_html/css_WEB-ITnose:html+CSS源碼： img {border:solid 1px green;display:block;}#id1{float:left;}div{border:solid 2px blue;}p{border:solid 1px red;}This is some text. This is some text. This is some te
html+CSS源碼：
This is some text. This is some text. This is some text.This is some text. This is some text. This is some text.
效果如下如：
問(wèn)題：
W3CSchool中講解CSS定位，浮動(dòng)那一節(jié)中，明確說(shuō)對(duì)框1進(jìn)行向左浮動(dòng)時(shí)會(huì)遮住框2，原因是浮動(dòng)后，元素脫離了文檔流，不占據(jù)空間。為什么我對(duì)兩張圖中的之一進(jìn)行浮動(dòng)時(shí)，不會(huì)遮住另一張圖呢？？？瀏覽器是IE8核心的360瀏覽器。
我的理解錯(cuò)在了哪里？
回復(fù)討論(解決方案)
測(cè)試地址見(jiàn)W3CSchool，連接：http://www.w3school.com.cn/tiy/t.asp?f=csse_float
好好理解一下吧。再給你一個(gè)地址：
http://www.w3school.com.cn/css/css_positioning_floating.asp
會(huì)遮蓋的浮動(dòng)不是float，而是position:absolute;這個(gè)屬性會(huì)使元素脫離文檔流，相當(dāng)于懸浮在頁(yè)面上
試了一下，img就不行，但是你要是單單是div的話，就能出現(xiàn)你說(shuō)的那個(gè)樣子，框1遮住框2
試了一下，img就不行，但是你要是單單是div的話，就能出現(xiàn)你說(shuō)的那個(gè)樣子，框1遮住框2
并不是img和div的問(wèn)題好么，你試驗(yàn)的肯定不對(duì)（我估計(jì)你設(shè)置的是第一個(gè)DIV是浮動(dòng)的，第二個(gè)不浮動(dòng)）。
我差不多已經(jīng)弄明白了，對(duì)于元素來(lái)說(shuō)，這個(gè)是W3Cschool講的不夠明確，具體見(jiàn)我的blog：http://blog.csdn.net/k346k346/article/details/48530467
聲明：本網(wǎng)頁(yè)內(nèi)容旨在傳播知識(shí)，若有侵權(quán)等問(wèn)題請(qǐng)及時(shí)與本網(wǎng)聯(lián)系，我們將在第一時(shí)間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com
CSS浮動(dòng)為什么不會(huì)遮蓋同級(jí)元素_html/css_WEB-ITnose
CSS浮動(dòng)為什么不會(huì)遮蓋同級(jí)元素_html/css_WEB-ITnose:html+CSS源碼： img {border:solid 1px green;display:block;}#id1{float:left;}div{border:solid 2px blue;}p{border:solid 1px red;}This is some text. This is some text. This is some te
