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

資訊專欄INFORMATION COLUMN

總結(jié)：清除浮動(dòng)的方法

harryhappy / 1319人閱讀

摘要：因?yàn)檫@種清除浮動(dòng)的方式會(huì)增加頁面的標(biāo)簽，造成結(jié)構(gòu)的混亂方法二父級(jí)定義原理使用屬性來清除浮動(dòng)有一點(diǎn)需要注意，屬性共有三個(gè)屬性值。

方法一、在結(jié)尾處添加空div標(biāo)簽clear:both

在浮動(dòng)的盒子之下再放一個(gè)標(biāo)簽，在這個(gè)標(biāo)簽中使用clear:both，來清除浮動(dòng)對頁面的影響.

注意：一般情況下不會(huì)使用這一種方式來清除浮動(dòng)。因?yàn)檫@種清除浮動(dòng)的方式會(huì)增加頁面的標(biāo)簽，造成結(jié)構(gòu)的混亂.


    
1

    
2

    
3
方法二、父級(jí)div定義 overflow: auto

原理：使用overflow屬性來清除浮動(dòng)有一點(diǎn)需要注意，overflow屬性共有三個(gè)屬性值：hidden,auto,visible。我們可以使用hiddent和auto值來清除浮動(dòng)，但切記不能使用visible值


    
1

    
2

    
3
方法三、使用偽元素來清除浮動(dòng)(:after,注意：作用于浮動(dòng)元素的父親）

（注：主要推薦該方法）

.clearfix:after{
    content:"";/*設(shè)置內(nèi)容為空*/
    clear:both;/*清除浮動(dòng)*/
     display:block;/*將文本轉(zhuǎn)為塊級(jí)元素*/
    height:0;/*高度為0*/
    visibility:hidden;/*將元素隱藏*/
}
.clearfix{
    zoom:1;/*為了兼容IE*/
}

end~~~
如有更好方法，歡迎大家留言討論，謝謝

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

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

相關(guān)文章

  • CSS清除浮動(dòng)float的三種方法總結(jié)，為什么清浮動(dòng)？浮動(dòng)會(huì)有那些影響？

    摘要：方法三據(jù)說是最高大上的方法方法注意作用于浮動(dòng)元素的父親先說原理這種方法清除浮動(dòng)是現(xiàn)在網(wǎng)上最拉風(fēng)的一種清除浮動(dòng)，他就是利用和來在元素內(nèi)部插入兩個(gè)元素塊，從面達(dá)到清除浮動(dòng)的效果。的作用是允許瀏覽器渲染它，但是不顯示出來，這樣才能實(shí)現(xiàn)清楚浮動(dòng)。 一、拋一塊問題磚（display： block）先看現(xiàn)象： showImg(https://segmentfault.com/img/bVrWvS)...

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

  • 總結(jié)：清除浮動(dòng)的方法

    摘要：因?yàn)檫@種清除浮動(dòng)的方式會(huì)增加頁面的標(biāo)簽，造成結(jié)構(gòu)的混亂方法二父級(jí)定義原理使用屬性來清除浮動(dòng)有一點(diǎn)需要注意，屬性共有三個(gè)屬性值。 方法一、在結(jié)尾處添加空div標(biāo)簽clear:both 在浮動(dòng)的盒子之下再放一個(gè)標(biāo)簽，在這個(gè)標(biāo)簽中使用clear:both，來清除浮動(dòng)對頁面的影響. 注意：一般情況下不會(huì)使用這一種方式來清除浮動(dòng)。因?yàn)檫@種清除浮動(dòng)的方式會(huì)增加頁面的標(biāo)簽，造成結(jié)構(gòu)的混亂. ...

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

  • 清除浮動(dòng)方式總結(jié)

    摘要：為什么要清除浮動(dòng)雖說是清除浮動(dòng)，其實(shí)是清除浮動(dòng)產(chǎn)生的影響。浮動(dòng)的元素，高度會(huì)塌陷，而高度的塌陷使我們布局中需要清除浮動(dòng)的最重要的原因之一。清除浮動(dòng)的方法父級(jí)定義原理父級(jí)手動(dòng)定義，就解決了父級(jí)無法自動(dòng)獲取到高度的問題。 為什么要清除浮動(dòng)？ 雖說是清除浮動(dòng)，其實(shí)是清除浮動(dòng)產(chǎn)生的影響。浮動(dòng)的元素，高度會(huì)塌陷，而高度的塌陷使我們布局中需要清除浮動(dòng)的最重要的原因之一。 清除浮動(dòng)的方法： 父級(jí)di...

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

  • Css清除浮動(dòng)的方法總結(jié)

    摘要：網(wǎng)頁布局中經(jīng)常會(huì)用到浮動(dòng)，但是浮動(dòng)的塊級(jí)元素脫離了標(biāo)準(zhǔn)文檔流，使得浮動(dòng)元素的父元素沒有高度，導(dǎo)致父級(jí)元素沒有高度，所以需要清除浮動(dòng)對父級(jí)元素的影響，本文介紹清除浮動(dòng)的幾種方法。 網(wǎng)頁布局中經(jīng)常會(huì)用到float浮動(dòng)，但是浮動(dòng)的塊級(jí)元素脫離了標(biāo)準(zhǔn)文檔流，使得浮動(dòng)元素的父元素沒有高度，導(dǎo)致父級(jí)元素沒有高度，所以需要清除浮動(dòng)對父級(jí)元素的影響，本文介紹清除浮動(dòng)的幾種方法。 清除浮動(dòng)影響的幾種方法...

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

  • 簡述清除浮動(dòng)

    摘要：為什么要清除浮動(dòng)影響其他元素定位父盒子高度為，子盒子全部浮動(dòng)定位，子盒子不會(huì)撐開父盒子，下面的元素會(huì)到子盒子的下面。清除浮動(dòng)方法總結(jié)對父級(jí)元素設(shè)置高度對父級(jí)設(shè)置適合高度樣式清除浮動(dòng)，一般設(shè)置高度需要能確定內(nèi)容高度才能設(shè)置高度設(shè)置為內(nèi)容高度。 為什么要清除浮動(dòng)？ 1、影響其他元素定位父盒子高度為0，子盒子全部浮動(dòng)、定位，子盒子不會(huì)撐開父盒子，下面的元素會(huì)到子盒子的下面。 2.背景圖片或顏...

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

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

0條評(píng)論

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