如题所述。而
.clearfix::after {
content: '';
display: table;
clear: both;
}
.clearfix {
*zoom: 1;
}算是最佳实践呢？
比如，你的使用overflow：hidden；你的图片宽度为100px；而div块的宽度为80px，父元素的高度不会塌陷，但是同样，div块装不下那么宽的图片就只能隐藏掉伸出去的一部分。而这种最佳实践，是在实质是在父元素中添加一个块级元素在其最后一个子元素的位置，当图片浮动时就不会塌陷，因为有了一个块级元素把父元素撑起来了，而父元素的宽度就会根据图片的宽度自适应。