CSS定位

CSS有3个属性可以用来控制页面排版。

三大属性：position属性，display属性，float属性。

①position 属性控制页面上元素间的位置关系。

②display 属性控制页面元素是否显示或者是堆叠还是并排显示。

③float  属性提供控制方法。通过float这种控制方法，可以实现多栏布局，导航菜单等等。

现在来了解一下position定位

①position属性控制页面上元素间的位置关系，也就是排版。

②属性值：static（默认状态）、relative（相对定位）、absolute（绝对定位）、fixed（固定定位）。

⑴static：页面元素默认的定位。

⑵relative：relative相对定位，相对于自己现在的位置（默认的位置）进行定位。

⑶fixed：fixed固定定位。相对于浏览器窗口（根元素）进行定位并固定在页面上不进行滚动。

⑷absolute：absolute绝对定位。相对于浏览器窗口进行定位,有点像fixed定位，但不固定在页面上，会进行滚动。

通常我们将relative和absolute配合使用改变我们的定位点。

例：在.div1写position:relative;然后在.div3写position:absolute;

div3就会相对div1进行定位

③如何使用：用top,right,bottom,left属性来改变它的位置，属性值可以为关键词、百分比、绝对单位（也可以是负数）。