两者是有绝对的区别的，float是时元素浮动，而position是用来给一个元素定位的。float的定义和常见用法：float属性定义元素在哪个方向浮动。
网站建设哪家好，找创新互联建站！专注于网页设计、网站建设、微信开发、微信小程序、集团企业网站建设等服务项目。为回馈新老客户创新互联还提供了昌吉免费建站欢迎大家使用！
在CSS里float是浮动的意思，position是定位的意思。float：浮动，故名思议，就是让HTML元素(标签)从标准文档流里浮动起来。从而不受标准文档流的约束，变成了非标准流。
float是浮动的意思，而position是定位的方式。
float是浮动，你也可以理解为左对齐或者右对齐，float只有一层，也就是没有浮动的是1层，浮动了的是1层，没有浮动的元素会挨个往下排，浮动的会挨个往下排。
1、css中的绝对定位和相对定位的区别：position： absolute，绝对定位。position： relative，相对定位。position：absolute，float会隐式地改变display的类型（display：none除外）。
2、左浮动即float：left，使布局元素靠左浮动。右浮动即float：right，使布局元素靠右浮动。
3、float的值 描述 left 元素向左浮动。right 元素向右浮动。none 默认值。元素不浮动，并会显示在其在文本中出现的位置。inherit 规定应该从父元素继承 float 属性的值。
float 属性定义元素在哪个方向浮动。以往这个属性总应用于图像，使文本围绕在图像周围，不过在 CSS 中，任何元素都可以浮动。浮动元素会生成一个块级框，而不论它本身是何种元素。
css中清除浮动可用clear属性，该属性定义了元素哪边不允许出现浮动，可选的常用的值有：left、right、both等，通常写成clear：both；即该元素两边都不允许出现浮动，这样即可清除浮动。
CSS有些属性是可以缩写的，比如padding，margin，font等等，这样精简代码同时又能提高用户的阅读体验。
1、二者之中最大的差别就是位置保留。人们也就利用这种差异，可以做出CSS代码的滑动门菜单。hover时取当前元素为保留位置，定义一个relative时，没有hover时使用float清空保留位置。
2、而不会像浮动元素一样影响其他元素的位置。综上所述，主要区别在于 float：right 是控制元素的浮动方向，而 flow：right 是为元素定义一个右侧流动的区域，用于在文本周围创建包裹效果。
3、常见的有 float：left 或者 float：right 。简单点来说，前者是左浮动(往左侧向前边的非浮动元素飘，全是飘得元素的话，就按照流式来浮动从左到右，放不下则换行)，后者是右浮（往右飘）动。
4、在CSS里float是浮动的意思，position是定位的意思。float：浮动，故名思议，就是让HTML元素(标签)从标准文档流里浮动起来。从而不受标准文档流的约束，变成了非标准流。
5、float ： none | left | right 取值：none ： 默认值。对象不飘浮 left ： 文本流向对象的右边 right ： 文本流向对象的左边 说明：该属性的值指出了对象是否及如何浮动。请参阅 clear 属性。
1、方法1：固定宽高 给浮动的元素添加父级div盒子，再给父级盒子设置高度 方法2：一起浮动 父元素也添加浮动，这样父元素也脱离文档流 方法5：父级添加双伪元素 ：after 方式是额外标签法的升级版。
2、清除浮动并不是指清除浮动元素本身的浮动，而是在浮动元素的外面（前面或后面）进行清除，也就是清除浮动元素对其他后续元素的影响。
3、此时子元素因为float上浮，则父级元素的高度就会因为自身没设置而坍塌。
