持续创作，加速成长！这是我参与「掘金日新计划 · 10 月更文挑战」的第15天，点击查看活动详情
Floats 浮动是什么？
浮动，类似漂浮。在CSS里，指的是一个元素脱离文档流，悬浮在父元素之上的现象。
float移动到一边，直到左边缘或右边缘触及包含块或另一个浮动框的边缘
//`float` 属性用于创建浮动框
选择器 { float: 属性值;}
基础定位方式是什么？
核心：Float定位元素允许文本和内联元素环绕它
- 当一个元素浮动之后，它会被移出正常的文档流
- 向左或者向右平移，一直平移直到碰到了所处的容器的边框，或者碰到另外一个浮动的元素
| 属性 | 描述 |
|---|---|
| none | 不浮动（默认） |
| left | 向左浮动 |
| right | 向右浮动 |
Float的影响
主要为包裹性&破坏性
- Float会让元素的
display变成inline-block - 引发高度塌陷,脱离正常文档流的影响
如何清除呢？
- 使用伪元素
:after，例如
.cl:after{
content: "020";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
- 浮动元素的后一个元素添加
clear:both - 浮动元素的后加空元素，再加
clear:both - 浮动元素的父元素上加上overflow属性（待研究，暂时没看明白，大神推荐的tips：BFC（Block Formatting Context）块级格式化上下文）
明天我们再来学习一下：浮动特性（重难点）相关的知识需要掌握的
写在最后
重新开始更文啦！最近忙了一段时间，终于继续可以学习！感谢大家的支持！我会继续努力坚持学习！养成了好习惯，每天必定会抽出时间多多少少学习前端知识～
以上习题&笔记从大佬们的论坛学习而来，特感谢大佬们的知识分享～ （学习技术知识，果然要看大佬们的技术博客，大家有好的推荐也欢迎指引我这个小白哈，感恩！）
附上学习链接，感谢这些大佬出题和解答：
