学习第八十行

清除浮动有四种方法

：

1.使用 clear 属性

可以在浮动元素的后面添加一个块级元素，并使用 clear 属性来清除浮动。

 2.使用伪元素，有两种写法

可使用 ::after 伪元素来清除浮动。这种方法比较常用，因为它不需要额外的 HTML 元素。

3.使用 overflow 属性

将父元素的 overflow 属性设置为 hidden 或 auto 也可以清除浮动。

.container {

 4.使用 Flexbox

如果可以使用 Flexbox 布局，则可以避免使用浮动，直接使用 Flexbox 来实现布局，这样自然就不需要清除浮动了。