文章詳情頁(yè)
css - .clearfix:after中為什么設(shè)置display: table
瀏覽：315日期：2023-07-18 15:23:05
問(wèn)題描述
相較于display: block;有什么優(yōu)點(diǎn)嗎？
問(wèn)題解答
回答1：實(shí)際上設(shè)置display：table實(shí)際是利用了使父容器形成BFC而display：block是不會(huì)清除浮動(dòng)的，它是利用了clear：both來(lái)清除浮動(dòng)的建議看看這篇文章，如果有興趣還可以專(zhuān)門(mén)研究一下BFCCSS清除浮動(dòng)（Clear與BFC）
回答2：display:block會(huì)導(dǎo)致?lián)Q行呀
回答3：display:table 會(huì)清楚前后的浮動(dòng)元素 block則不會(huì)
回答4：防止margin合并
標(biāo)簽：
CSS
相關(guān)文章：
1. macos - 如何徹底刪除mac自帶的apache和php2. javascript - sublime快鍵鍵問(wèn)題3. docker 17.03 怎么配置 registry mirror ?4. DADB.class.php文件的代碼怎么寫(xiě)5. javascript - immutable配合react提升性能？6. css - 寫(xiě)頁(yè)面遇到個(gè)布局問(wèn)題，求大佬們幫解答，在線(xiàn)等，急！~7. mysql事務(wù)回滾定位8. javascript - html5多個(gè)label中其中一個(gè)觸發(fā)change，如何判斷是哪一個(gè)出發(fā)了change9. 實(shí)現(xiàn)bing搜索工具urlAPI提交10. css - 移動(dòng)端字體設(shè)置問(wèn)題
排行榜
熱門(mén)標(biāo)簽
網(wǎng)公網(wǎng)安備