亚洲中字慕日产2020,大陆极品少妇内射AAAAAA,无码av大香线蕉伊人久久,久久精品国产亚洲av麻豆网站

資訊專欄INFORMATION COLUMN

css清除浮動clearfix：after

wh469012917 / 569人閱讀

摘要：加入的這個元素轉(zhuǎn)換為塊級元素。清除左右兩邊浮動?？梢姸仍O(shè)為隱藏。注意它和是有區(qū)別的。仍然占據(jù)空間，只是看不到而已行高為高度為字體大小為這是針對于的，因?yàn)椴恢С謧晤悾@個神奇的讓的元素可以清除浮動來包裹內(nèi)部元素。

如果外部有一個div容器，內(nèi)部div設(shè)置了float樣式，則外部的容器div因?yàn)閮?nèi)部沒有clear，導(dǎo)致不能撐開外部div。





??.clearfix:after {?
    content: ".";     /*內(nèi)容為“.”就是一個英文的句號而已。也可以不寫。*/?
    
    display: block;   /*加入的這個元素轉(zhuǎn)換為塊級元素。*/?
    
    clear: both;     /*清除左右兩邊浮動。*/?
    
    visibility: hidden;      /*可見度設(shè)為隱藏。注意它和display:none;是有區(qū)別的。visibility:hidden;仍然占據(jù)空間，只是看不到而已；*/?
    
    line-height: 0;    /*行高為0；*/?
    
    height: 0;     /*高度為0；*/?
    
    font-size:0;    /*字體大小為0；*/?
}?

.clearfix { *zoom:1;}   /*這是針對于IE6的，因?yàn)镮E6不支持:after偽類，這個神奇的zoom:1讓IE6的元素可以清除浮動來包裹內(nèi)部元素。*/

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

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

相關(guān)文章

  • 深入css布局 (2) — 定位與浮動

    摘要：深入布局定位與浮動在知識體系中，除了選擇器，樣式屬性等基礎(chǔ)知識外，布局相關(guān)的知識才是比較核心和重要的點(diǎn)。定位后，原來在文檔流中占據(jù)的位置，會被其他元素所占據(jù)。清除浮動的特殊應(yīng)用清除浮動可以解決父元素高度塌陷問題。? 深入css布局(2) — 定位與浮動 ? ???? 在css知識體系中，除了css選擇器，樣式屬性等基礎(chǔ)知識外，css布局相關(guān)的知識才是css比較核心和重要的點(diǎn)。今天我們來深...

    Crazy_Coder 評論0 收藏0

  • CSS-清除浮動

    摘要：清除浮動方法方法一使用帶屬性的空元素在浮動元素后使用一個空元素如，并在中賦予屬性即可清理浮動。 什么是CSS清除浮動？ 在非IE瀏覽器（如Firefox）下，當(dāng)容器的高度為auto，且容器的內(nèi)容中有浮動（float為left或right）的元素，在這種情況下，容器的高度不能自動伸長以適應(yīng)內(nèi)容的高度，使得內(nèi)容溢出到容器外面而影響（甚至破壞）布局的現(xiàn)象。這個現(xiàn)象叫浮動溢出，為了防止這個現(xiàn)象...

    劉厚水 評論0 收藏0

  • 清除浮動

    摘要：還有幾種亂七八糟的清除浮動方法，但是缺點(diǎn)多，故不提起，了解可參考浮動的目的：把多個盒子放在一行上清除浮動的目的：解決父盒子高度為0的問題清除浮動，也稱閉合浮動注：本文不兼容IE6 未清除浮動實(shí)現(xiàn)情況： 清除后： 原代碼： DOCTYPE html> 清除浮動 .content{ width:960px; margin:100px auto; border: 1px solid ...

    zhisheng 評論0 收藏0

  • 淺談 CSS 清除浮動的 6 種方法

    摘要：如果要解決可以參考前面的辦法。例如父元素處于絕對定位與上一個方法同理，由于絕對定位已脫離正常文檔流，故出現(xiàn)相同情況，解決辦法依舊可以使用以上辦法結(jié)合，靈活多變。 額外標(biāo)簽法 使用:after 偽元素 給父元素定高 利用overflow:hidden;屬性 父元素浮動 父元素處于絕對定位 在開發(fā)網(wǎng)頁的時候經(jīng)常需要用到各種浮動，此時便需要及時的清除浮動，否則將會導(dǎo)致布局出現(xiàn)問題 引出問...

    WalkerXu 評論0 收藏0

  • 前端面試題-clearfix（清除浮動）

    摘要：一浮動的概念浮動的框可以向左或向右移動，直到它的外邊緣碰到包含框或另一個浮動框的邊框?yàn)橹?。由于浮動框不在文檔的普通流中，所以文檔的普通流中的塊框表現(xiàn)得就像浮動框不存在一樣。 一、浮動的概念 浮動的框可以向左或向右移動，直到它的外邊緣碰到包含框或另一個浮動框的邊框?yàn)橹埂Ｓ捎诟涌虿辉谖臋n的普通流中，所以文檔的普通流中的塊框表現(xiàn)得就像浮動框不存在一樣。 二、浮動的影響 1. 浮動會導(dǎo)致父元...

    luckyw 評論0 收藏0

發(fā)表評論

0條評論

wh469012917

男|高級講師

TA的文章

閱讀更多
最新活動
閱讀需要支付1元查看
<