html浮动和相对定位,css 绝对定位和浮动(float)的区别是什么？

绝对定位和浮动(float)都脱离了普通文档流，那么它们之间有什么区别？下面本篇文章就来给大家介绍一下绝对定位和浮动(float)的区别。有一定的参考价值，有需要的朋友可以参考一下，希望对大家有所帮助。

html是按照文件流(普通流)的方式加载的，但是全部是普通流的话，很多好看的样式是实现不了的，所以出现了浮动，相对定位，绝对定位的概念。

按照普通流和非普通流来分类：

①普通流：就是按照上下左右的顺序一行一行排列的，长度不够就会自动挤到下一行。

②非普通流：顾名思义就是脱离普通流的，在普通流上面是不占据位置的。css有position的样式，position包括：static，relative，absolute，fixed四种值。其中static是属于普通流；relative也是属于特殊的普通流，absolute和fixed以及float就是属于非普通流的，加载的时候，也会顺序加载，但是会脱离普通流的位置。

绝对定位和浮动(float)的区别

float脱离普通文档流，但是文字会环绕它的周围，也就是说文字将不会重叠放置在浮动元素之上；而绝对定位中，其他所有元素都将会放置在绝对定位的元素之上。

需要注意的是，使用float脱离文档流时，其他盒子会无视这个元素，但其他盒子内的文本依然会为这个元素让出位置，环绕在周围。

而对于使用absolute positioning脱离文档流的元素，其他盒子与其他盒子内的文本都会无视它。

更多web前端开发知识，请查阅 HTML中文网 ！！