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