- 直接设置父级高度 (但有些布局中,不能固定父级高度)
- 额外标签法:
clear:both;
必须是块级元素 - 单伪元素清除法:
.clearfix::after { content: ''; display: block; clear: both; }
- 双伪元素清除法:
.clearfix::before, .clearfix::after { content: ' '; display: table; } .clearfix::after { clear: both; }
- 给父元素设置:
overflow: hidden;