CSS面试中，有哪些清除浮动的方法？

本文共计1932个文字，预计阅读时间需要8分钟。

定义：浮动元素使元素脱离文档流，根据指定方向产生移动，遇到父级边界或相邻的浮动元素停止。为什么清除浮动？清除浮动主要是为了解决，父元素因为子级浮动而无法正常显示的问题。

浮动的定义：使元素脱离文档流，按照指定方向发生移动，遇到父级边界或者相邻的浮动元素停了下来。

为什么要清除浮动？

清除浮动主要是为了解决，父元素因为子级元素浮动引起的内部高度为0的问题
当父元素不给高度的时候，内部元素不浮动时会撑开，而浮动的时候，父元素变成一条线

clear：both：在左右两侧均不允许浮动元素。本质就是闭合浮动， 就是让父盒子闭合出口和入口，不让子盒子出来

clear:left | right | both | none | inherit：元素的某个方向上不能有浮动元素

如果我们清除了浮动，父元素自动检测子盒子最高的高度，然后与其同高。

高度塌陷：如果父元素只包含浮动元素，且父元素未设置高度和宽度的时候。