CSS的定位和浮动

1.元素的定位

1）Static（默认值）：

这个是元素的默认定位方式，会占据正常的空间，处于文档流之中，并且忽略“left”等属性是产生的任何效果。

2）Relative（相对定位）

相对定位的方式。相对于自身在文档流中所处的位置来进行定位，参照物为自身，仍处于文档流中，原先占有的空间仍保留（一般用作改变层级和作为绝对定位的参照物）

3）Absolute（绝对定位）

绝对定位是脱离文档流的，默认宽度为内容的宽度，在页面中是不占据空间的，后面的元素会在其原来的位置上进行布局，参照物为第一个定义的属性不是static的祖先或者父元素（如果没有父元素的话，那就应该以body为父元素），定位之后都会产生块级框。元素的位置通过“top”,”bottom”,”right”,”left”属性进行定位。