成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

清除浮動(dòng) or 閉合浮動(dòng)

oysun / 2396人閱讀

摘要：為什么要清除浮動(dòng)子元素脫離文檔流會(huì)造成父元素塌陷撐不起來父元素靠子元素?fù)纹饋砬宄?dòng)清除浮動(dòng)偽元素閉合浮動(dòng)增加額外元素父級(jí)元素不設(shè)置子元素額外增加元素閉合浮動(dòng)使用和其自身的屬性注意不推薦使用的屬性閉合浮動(dòng)父元素設(shè)置閉合浮動(dòng)父

為什么要清除浮動(dòng)

子元素 float:left; 脫離文檔流,會(huì)造成父元素塌陷(撐不起來)

父元素 靠子元素?fù)纹饋?/p>

清除浮動(dòng) clear:both

清除浮動(dòng)



    

        
    

    

        
    





// 偽元素 :after
.clear:after{
    clear:both;
    content:".";
    display:table;
    width:0;
    height:0;
    visibility:hidden;
}

閉合浮動(dòng) - 增加額外元素 clear:both

父級(jí)元素不設(shè)置 height

子元素 float:left

額外增加元素 clear:both

閉合浮動(dòng) -- 使用 br 和其自身的 html 屬性

==注意== clear=all 不推薦使用的屬性(moz)

閉合浮動(dòng) -- 父元素設(shè)置 overflow:hidden

閉合浮動(dòng) -- 父元素設(shè)置 display:table

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/117439.html

相關(guān)文章

  • 清除浮動(dòng) or 閉合浮動(dòng)

    摘要：為什么要清除浮動(dòng)子元素脫離文檔流會(huì)造成父元素塌陷撐不起來父元素靠子元素?fù)纹饋砬宄?dòng)清除浮動(dòng)偽元素閉合浮動(dòng)增加額外元素父級(jí)元素不設(shè)置子元素額外增加元素閉合浮動(dòng)使用和其自身的屬性注意不推薦使用的屬性閉合浮動(dòng)父元素設(shè)置閉合浮動(dòng)父 為什么要清除浮動(dòng) 子元素 float:left; 脫離文檔流,會(huì)造成父元素塌陷(撐不起來) 父元素 靠子元素?fù)纹饋?清除浮動(dòng) clear:both 清除浮動(dòng)...

    n7then 評(píng)論0 收藏0

  • 清除浮動(dòng) or 閉合浮動(dòng)

    摘要：為什么要清除浮動(dòng)子元素脫離文檔流會(huì)造成父元素塌陷撐不起來父元素靠子元素?fù)纹饋砬宄?dòng)清除浮動(dòng)偽元素閉合浮動(dòng)增加額外元素父級(jí)元素不設(shè)置子元素額外增加元素閉合浮動(dòng)使用和其自身的屬性注意不推薦使用的屬性閉合浮動(dòng)父元素設(shè)置閉合浮動(dòng)父 為什么要清除浮動(dòng) 子元素 float:left; 脫離文檔流,會(huì)造成父元素塌陷(撐不起來) 父元素 靠子元素?fù)纹饋?清除浮動(dòng) clear:both 清除浮動(dòng)...

    BingqiChen 評(píng)論0 收藏0

  • css浮動(dòng)現(xiàn)象及清除浮動(dòng)的方法

    css浮動(dòng)現(xiàn)象及清除浮動(dòng)的方法 ? 首先先明確浮動(dòng)最初的定義及使用場(chǎng)景：實(shí)現(xiàn)文本環(huán)繞圖片的效果。 除了用浮動(dòng)外，目前暫無(wú)其他方法實(shí)現(xiàn)文本環(huán)繞 showImg(https://segmentfault.com/img/remote/1460000016137003?w=838&h=382); ? 再來看看浮動(dòng)的具體定義： 浮動(dòng)的框可以左右移動(dòng)，直至它的外邊緣遇到包含框或者另一個(gè)浮動(dòng)框的邊緣。浮動(dòng)框不...

    Kyxy 評(píng)論0 收藏0

  • css浮動(dòng)現(xiàn)象及清除浮動(dòng)的方法

    css浮動(dòng)現(xiàn)象及清除浮動(dòng)的方法 ? 首先先明確浮動(dòng)最初的定義及使用場(chǎng)景：實(shí)現(xiàn)文本環(huán)繞圖片的效果。 除了用浮動(dòng)外，目前暫無(wú)其他方法實(shí)現(xiàn)文本環(huán)繞 showImg(https://segmentfault.com/img/remote/1460000016137003?w=838&h=382); ? 再來看看浮動(dòng)的具體定義： 浮動(dòng)的框可以左右移動(dòng)，直至它的外邊緣遇到包含框或者另一個(gè)浮動(dòng)框的邊緣。浮動(dòng)框不...

    weakish 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

oysun

男|高級(jí)講師

TA的文章

閱讀更多
最新活動(dòng)
閱讀需要支付1元查看
<