MUI提供了一個非常方便的CSS類可以用來清除浮動(clearfix)。這個類叫做mui-clearfix,可以直接應用于需要清除浮動的元素上。
.mui-clearfix::after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
上面這段CSS代碼是用來定義mui-clearfix類的,這個類使用了CSS的:after偽元素來清除浮動。具體來說,它會在被應用的元素的末尾添加一個空的塊級元素,然后設置它的clear屬性為both來清除前面所有浮動元素的影響。
需要注意的是,如果應用mui-clearfix的元素沒有設置高度,那么偽元素的高度就會是0。因此,為了確保清除浮動的效果,我們還需要將偽元素的height屬性設置為0。