okk 来复习第三周的重点知识，想回顾一下浮动相关的内容。

浮动就是元素脱离标准流，浮在其他元素内容之上之外。可以想象浮动最开始就是为了图文环绕这一场景而产生出来的。那现在是可以用于布局。让垂直布局的盒子变成水平布局，如：一个在左，一个在右

像这种👆，就是一个常用的浮动场景，产品布局。

那在此之前也要再重新强调的内容就是标准流，标准流，标签按照规定好的默认方式排序

块级元素独占一行 从上向下顺序排列。是浏览器在渲染显示网页内容时默认采用的一套排版规则，规定了应该以何种方式排列元素。

float 属性用于创建浮动框

将其移动到一边,直到左边缘或者右边缘及包含块或者另一个浮动框的边缘

【float：left】即左浮动，到父盒子的最左侧。元素的水平方向浮动，意味着元素只能左右移动而不能上下移动。

浮动元素的特点：

一个浮动元素会尽量向左或向右移动，直到它的外边缘碰到包含框或另一个浮动框的边框为止。

浮动元素之后的元素将围绕它。

浮动元素之前的元素将不会受到影响。

1、浮动之后会脱标，在标准流中不占位置

2、浮动的元素层级比标准流层级高出半个级别，可以覆盖标准流的元素

3、浮动找浮动，下一个浮动的元素会在上一个浮动元素的后面进行左右浮动

4、浮动元素会受上方元素边界的影响

5、浮动元素会有特殊的显示效果-1、一行可以显示多个；2、可以设置宽高，即行内块的特点。

注意点：【浮动的元素不能margin：0 auto，让浮动的元素水平居中.通过text-align：center】

浮动后元素会脱标，那么父元素没有设置高度的话，就会导致脱标。此时我们需要配合清除浮动。

清除浮动的方法：

1、直接设置父元素的高度

2、额外标签法

1、在父元素的最后添加一个块级元素

2、需要给添加的块级元素设置清除浮动的核心代码：clear：both

缺点：会在页面中添加额外的标签，会让页面的HTML结构变得复杂

3、单伪元素清除法、双伪元素清除法

代码
	::after ...之后
	content：‘’；
		伪元素必加的属性
	display：block
		伪元素默认是行内元素，需要转换成块级元素
	clear:both
		清除浮动的核心代码
	补充的代码（作用：就是在页面中看不到伪元素）
		height：0；
		visibility：hidden
			元素隐藏
                            

5、给父元素设置一个overflow：hidden

ok 今天就复习到这样辣，期待新的学习o(￣▽￣)ブ