6 回答

TA貢獻3條經(jīng)驗 獲得超0個贊
content只能與::before或::after配合使用,偽元素默認是行內元素,所以寫display:block沒有任何毛病。
如果不想用偽元素可以改成
.clearfix{
clear:both;
height:0
}

TA貢獻6條經(jīng)驗 獲得超2個贊
清楚浮動并不是把浮動清楚了,而是清楚浮動帶來的影響,影響就是父級元素沒有了高度。所以清楚浮動本質就是給父級元素一個高,你可以直接給父級元素高(太傻了)。你可以加dispaly? position overfild這幾個屬性,加上去就能清楚浮動,其原理就是這幾個屬性可以啟動瀏覽器的bfc宣覽機制(什么是bfc可以百度哈,很重要),簡單的說呢,bfc就可以把元素高強制出來,又回到了本質,通過這個機制宣覽,父元素又有高了。所以清除浮動還是讓父元素有高而已。如果你聽了我的 回答不懂,且覺得不重要,你還是去把網(wǎng)上清除浮動的代碼粘貼下來,直接用吧。

TA貢獻436條經(jīng)驗 獲得超108個贊
.clearfix::after?{ ????content:?""; ????display:?block; ????clear:?both; }
<div?class="per?clearfix"> ????<div?class="li"></div> ????<div?class="li"></div> </div>

TA貢獻436條經(jīng)驗 獲得超108個贊
是你寫錯了,
應該這么寫
.clearfix::after{ ????content:?""; ????display:?block; ????clear:?both; }
利用偽元素。content其實是空字符,然后把clearfix加到per的div上。所以才要加display
如果你用的是div那可以不要display,content也不需要,height和visibility也是多余的
添加回答
舉報