                        课程
                    
                        /前端开发
                        
                            /HTML/CSS
                        
                        /CSS深入理解之overflow

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

如题所述。而

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

.clearfix {
    *zoom: 1;
}

算是最佳实践呢？

zhanbao

2017-08-16

源自：CSS深入理解之overflow 3-1

关注问题我要回答

1853

操作

收起

1 回答

Ammateur
2017-08-30

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