6 回答
壯壯Lau
TA貢獻3條經驗 獲得超0個贊
content只能與::before或::after配合使用,偽元素默認是行內元素,所以寫display:block沒有任何毛病。
如果不想用偽元素可以改成
.clearfix{
clear:both;
height:0
}
心上無垢
TA貢獻6條經驗 獲得超2個贊
清楚浮動并不是把浮動清楚了,而是清楚浮動帶來的影響,影響就是父級元素沒有了高度。所以清楚浮動本質就是給父級元素一個高,你可以直接給父級元素高(太傻了)。你可以加dispaly? position overfild這幾個屬性,加上去就能清楚浮動,其原理就是這幾個屬性可以啟動瀏覽器的bfc宣覽機制(什么是bfc可以百度哈,很重要),簡單的說呢,bfc就可以把元素高強制出來,又回到了本質,通過這個機制宣覽,父元素又有高了。所以清除浮動還是讓父元素有高而已。如果你聽了我的 回答不懂,且覺得不重要,你還是去把網上清除浮動的代碼粘貼下來,直接用吧。
橋本奈奈未
TA貢獻436條經驗 獲得超108個贊
.clearfix::after?{
????content:?"";
????display:?block;
????clear:?both;
}<div?class="per?clearfix"> ????<div?class="li"></div> ????<div?class="li"></div> </div>
橋本奈奈未
TA貢獻436條經驗 獲得超108個贊
是你寫錯了,
應該這么寫
.clearfix::after{
????content:?"";
????display:?block;
????clear:?both;
}利用偽元素。content其實是空字符,然后把clearfix加到per的div上。所以才要加display
如果你用的是div那可以不要display,content也不需要,height和visibility也是多余的
- 6 回答
- 3 關注
- 2664 瀏覽
相關問題推薦
添加回答
舉報
0/150
提交
取消
