同样是脱离正常文档流，浮动和定位有什么区别

浮动和定位对比

css2中可以脱离正常文档流的属性

• float: left|right;

  • 脱离文档流，但不脱离文本流

• position: absolute|fixed;

  • 既脱离文档流，又脱离文本流

所有元素都能使用上方的属性 元素脱离正常文档流之后，不再区分块级和行级元素，都具有相同的属性，如果不设置宽度，由内容撑开；可以设置盒模型相关的属性

区分

• 如果同时具有margin: 0 auto;  和float: left|right;    则float有效。

• 如果同时具有float:left|right; 和position:absolute|fixed;  则position有效

　　总的来说，优先级：

　　　　普通文档流布局 <  float: left|right; < position:absolute|fixed;