.cf:after，.cf:before {content: " "; display: table;}

.cf:after {clear: both;} ：before是因為table類型能生成獨立的bfc，防止上邊距塌陷， ：after負責清除浮動，防止父級高度塌陷；配合使用，代碼少，效率高。

轉載于:https://www.cnblogs.com/zk666/p/6840895.html

總結

以上是生活随笔為你收集整理的css 中的伪类选择器before 与after的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。