关于float属性的一些小看法

关于float属性的一些小看法（clear清除浮动）
本人是前端初学萌新，想通过优快云平台记录自己的学习心路，也希望在这里和各位一起探讨关于前端的一些知识（鞠躬）

首先是对float属性的个人理解含义
一个向左移动的元素，如果是父元素中的第一个，那么水平方向和父元素左边对齐，垂直方向和父元素顶部对齐。
一个向右移动的元素，如果是父元素中的第一个，那么水平方向和父元素右边对齐，垂直方向和父元素顶部对齐。
一个向左浮动的元素，如果他的前一个元素也是向左浮动的，那么该元素水平方向紧跟前一个元素后边，垂直方向和前一个元素顶部对齐。
一个向右浮动的元素，如果他的前一个元素也是向右浮动的，那么该元素水平方向紧跟前一个元素后边，垂直方向和前一个元素顶部对齐。
一个向左浮动的元素，如果他的前一个元素是正常文档流的元素，那么该浮动元素水平方向和父元素左边对齐，垂直方向上和前一个元素顶部对齐。（很啰嗦 ）

这个属性的神奇之处就是可以让许多标签平整的躺在一条直线上，**但是与之也就会有一些问题产生：
设置float属性，会导致元素脱离文档流，同级元素(标准文档流元素)会上来占据该元素位置，父元素在计算高度时不会把float的元素计算在内，意思是，我们在其之后设置的一些div等标签会浮到原本设置float属性的标签的位置，这里我们就需要一些方法来解决这个问题
1.clear 清除float对同级元素的影响（浮动的元素会脱离文档流 同级的元素会上来占位置）
none 默认 不清除 ；left 清除左边；right 清除右边；both 清除两边
我们将之后的标签加上clear属性就会发现标签将重新再起一行排列，重新成为标准文档流元素，
2 给父元素添加属性overflow：hidden（在父元素中形成一个独特的区域，这个区域中父元素计算高度时会把设置float属性的元素的高度计算在内）
3.给父元素加高度