为什么说 .clearfix {overflow: hidden; _zoom: 1;} 让容器之外的普通元素不可见?

来源:3-1 Overflow与块状格式上下文

zhanbao

2017-08-16 11:20

如题所述。而

.clearfix::after {
    content: '';
    display: table;
    clear: both;
}

.clearfix {
    *zoom: 1;
}

算是最佳实践呢?

写回答 关注

1回答

  • Ammateur
    2017-08-30 15:26:34

    比如,你的使用overflow:hidden;你的图片宽度为100px;而div块的宽度为80px,父元素的高度不会塌陷,但是同样,div块装不下那么宽的图片就只能隐藏掉伸出去的一部分。而这种最佳实践,是在实质是在父元素中添加一个块级元素在其最后一个子元素的位置,当图片浮动时就不会塌陷,因为有了一个块级元素把父元素撑起来了,而父元素的宽度就会根据图片的宽度自适应。

CSS深入理解之overflow

深入理解overflow相关特性及实际应用,为你打开另外一扇学习之窗

41729 学习 · 78 问题

查看课程

相似问题