為什么說 .clearfix {overflow: hidden; _zoom: 1;} 讓容器之外的普通元素不可見？
如題所述。而
.clearfix::after?{
????content:?'';
????display:?table;
????clear:?both;
}
.clearfix?{
????*zoom:?1;
}算是最佳實(shí)踐呢？
zhanbao
2017-08-16
1 回答
舉報(bào)
0/150
提交
取消
2017-08-30
比如，你的使用overflow：hidden；你的圖片寬度為100px；而div塊的寬度為80px，父元素的高度不會塌陷，但是同樣，div塊裝不下那么寬的圖片就只能隱藏掉伸出去的一部分。而這種最佳實(shí)踐，是在實(shí)質(zhì)是在父元素中添加一個(gè)塊級元素在其最后一個(gè)子元素的位置，當(dāng)圖片浮動時(shí)就不會塌陷，因?yàn)橛辛艘粋€(gè)塊級元素把父元素?fù)纹饋砹?，而父元素的寬度就會根?jù)圖片的寬度自適應(yīng)。