Float浮动、CSS定位(position)

 

1.absolute：生成绝对定位的元素，相对于最近一级定位不是static的父元素来进行定位；

2.relative：生成相对定位的元素，相对于其所在普通的文档流位置进行定位；

3.static:默认值，没有定位，元素出现在正常的文档流中;

4.fixed:老IE不支持，和absolute一致，相对于窗口进行定位，当出现滚动条时，不随着滚动而滚动；

5.sticky:(CSS3)有兼容性问题，它就像是relative和fixed的合体，当在屏幕中时按常规流排版，当卷动到屏幕外时则表现如fixed。该属性的表现是现实中你见到的吸附效果。

CSS 的 Float（浮动），会使元素向左或向右移动，其周围的元素也会重新排列。

Float（浮动），往往是用于图像，但它在布局时一样非常有用。