clearfix清除浮動(dòng)最佳實(shí)踐

tommego 發(fā)布于2019-08-30 15:53 / 2167人閱讀

摘要：版本一解釋下這個(gè)參數(shù)，字符里有一個(gè)零寬度空格，即，代替原來(lái)的，可以縮減代碼量。

版本一

    .clearfix:after { 
        content:"200B"; 
        display:block; 
        height:0; 
        clear:both; 
    }

解釋下:content:"200B";這個(gè)參數(shù)，Unicode字符里有一個(gè)“零寬度空格”，即 U+200B，代替原來(lái)的“.”，可以縮減代碼量。而且不再使用visibility:hidden。

版本二

    .clearfix:before,.clearfix:after{ 
        content:""; 
        display:table; 
    } 
    .clearfix:after{clear:both;}

GPU云服務(wù)器云服務(wù)器最佳實(shí)踐 webrtc最佳實(shí)踐 cdn最佳實(shí)踐 vpc最佳實(shí)踐

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

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

相關(guān)文章

前端整理——css部分

摘要：圣杯布局和雙飛翼布局解決問(wèn)題的方案在前一半是相同的，也就是三欄全部浮動(dòng)，但左右兩欄加上負(fù)讓其跟中間欄并排，以形成三欄布局。雙飛翼布局，為了中間內(nèi)容不被遮擋，直接在中間內(nèi)部創(chuàng)建子用于放置內(nèi)容，在該子里用和為左右兩欄留出位置。（1）盒模型（普通盒模型、怪異盒模型） 1、元素的content（內(nèi)容）、padding(內(nèi)邊距)、border（邊框）、margin（外邊距）構(gòu)成了CSS盒模型 2、IE...

chaosx110 2019-04-23 11:56 評(píng)論0 收藏0
如何解決因float帶來(lái)的排版問(wèn)題？

摘要：如果內(nèi)容被修剪，則瀏覽器會(huì)顯示滾動(dòng)條以便查看其余的內(nèi)容。用屬性來(lái)指定要插入的內(nèi)容。的作用是允許瀏覽器渲染它，但是不顯示出來(lái)。這個(gè)元素的作用就像元素它定義了一個(gè)塊級(jí)盒子有兩個(gè)特性同行等高寬度自動(dòng)調(diào)節(jié)。浮動(dòng)造成的常見(jiàn)問(wèn)題有哪些？兄弟元素排版錯(cuò)亂內(nèi)聯(lián)元素（行內(nèi)元素）如果該兄弟元素是內(nèi)聯(lián)元素，內(nèi)聯(lián)元素會(huì)盡可能的圍繞在浮動(dòng)元素的周?chē)鷖howImg(https://segmentfa...

william 2019-08-30 12:54 評(píng)論0 收藏0
清除浮動(dòng)

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

zhisheng 2019-04-23 13:42 評(píng)論0 收藏0
清除浮動(dòng)的方法

摘要：清除浮動(dòng)本質(zhì)解決父級(jí)元素因?yàn)樽蛹?jí)浮動(dòng)引起內(nèi)部高度為的問(wèn)題。清除浮動(dòng)的方法選擇器額外標(biāo)簽法推薦的做法是通過(guò)在浮動(dòng)元素末尾添加一個(gè)空的標(biāo)簽例如，或則其他標(biāo)簽等亦可。清除浮動(dòng)本質(zhì)：解決父級(jí)元素因?yàn)樽蛹?jí)浮動(dòng)引起內(nèi)部高度為0 的問(wèn)題。清除浮動(dòng)就是把浮動(dòng)的盒子圈到里面，讓父盒子閉合出口和入口不讓他們出來(lái)影響其他元素。清除浮動(dòng)的方法：選擇器`{clear:...

miqt 2019-08-02 10:47 評(píng)論0 收藏0