CSS的四种定位

1、静态定位

position:static

这是元素默认的定位方式，它只是简单地遵循文档的普通流动方式，使用静态定位，则top和left属性无效

 

2、相对定位

position:relative

和静态定位差不多，也是遵循文档的普通流动，但是top和left会起作用，他们会根据原来的位置（静态定位时的位置）偏移top 和left位置

 

3、绝对定位

position:absolute

绝对定位完全跳出页面布局的普通流动，把非静态的元素作为祖先元素，以祖先元素为基点进行偏移。如果没有这样的祖先元素，则相对与整个文本

 

4、固定定位

position；fixed

元素相对与浏览器窗口来定位。悬浮广告就是这样做的。只要设定了top和left的值，不管浏览器如何滚动，该元素的位置不变。

老婆要求加的链接>>