有哪些清除浮动的方法?在什么情况下使用哪种方法?
主题
CSS
在GitHub上编辑
- 空
div
方法:<div style="clear:both;"></div>
。 - Clearfix 方法:参考上面的
.clearfix
类。 overflow: auto
或overflow: hidden
方法:父元素将建立一个新的块级格式化上下文,并扩展以包含其浮动的子元素。
在大型项目中,拥有一个实用程序 .clearfix
类将非常有帮助。如果子元素比父元素高并且不太理想,overflow: hidden
可能会剪切子元素。