相同：设置后，对应的模块都会脱离文档流不同点：position相应的块级元素会覆盖下面的内容（文字，），而float只会覆盖块级元素，里面的文字会脱离出来 float是浮动定位，position是绝对定位 文档流是文档中可显示对象在排列时所占用的位置。 快级元素 ...

1. display(元素显示模式) display 属性用来设置元素的显示方式。 block 块对象指的是元素显示为一个方块，默认显示状态下将占据整行，其它的元素只能另起一行显示。 inlin ...

float属性 先来了解一下block元素和inline元素在文档流中的排列方式。 　　block元素通常被现实为独立的一块，独占一行，多个block元素会各自新起一行，默认block元素宽度自动填满其父元素宽度。block元素可以设置width、height、margin、padding属性 ...

昨天做一个css的东西，在开始用js的时候才发现被float占位了 因为float浮动起来了，我清除了浮动，但是还是占位 然后我同事就告诉我其实可以不用float来左右浮动 在父元素上用display:flex完全就可以让子元素左右浮动起来了 而且line-height也可以不用 ...

在父盒子使用了相对定位或者绝对固定位后，子盒子再使用flex弹性布局会失效；它们不能再一起共同使用； 解决思路：给子盒子再嵌套一个盒子； ...

二、定位（position） 　　初始状态 　　1、相对浮动特点（relative）： ...

HTML(浮动、定位(float、position)) float属性 定义：元素在那个反向浮动。以往这个属性总用于图像，是文本围绕在图像周围，不过在CSS中，任何元素都可以浮动。浮动元素会生成一个块级框，而不论它本身是何种元素。 如果浮动非替换元素，则要指定一个明确的宽度；否则，它们会尽 ...

原文 http://learn.shayhowe.com/advanced-html-css/detailed-css-positioning 当构建页面排版时，有不同的方法可以使用。使用哪一种 ...