css定位

Css定位

重叠问题：取决于谁后写谁显示在上方不过可以加z-index（值越大越靠上）

除了基于“文档流”的定位，CSS还定义了标签的其他定位方式，CSS使用position属性指定标签的定位方式

position的值

static，默认值，即使用基于“文档流”的定位

relative，相对定位（相对于自己原来的位置，不会因为移动导致原来位置不在），即在“文档流”的基础上，结合left和top属性，相对定位

注意

相对与原来的位置，使用left,right进行偏移

原来的位置对于后继元素的定位(float)依然有效

对于使用float的元素，realative也同样起作用

absolute，绝对定位，即脱离“文档流”，并基于它的“包含框”，使用left和top属性来定位（加入此标签后就会块化）

注意

绝对定位脱离了”文档流“，

使用绝对定位时，注意找准”包含框“，即包含该标签，并且距它最近的，position不等于static的标签

如果没有，那么将以浏览器左上角为准来定位

特别

只定义position:absolute;没设置left和top，标签位置仍安“文档流”定位，但已经“脱离文档流”

1. 包含框无定位，他就相对于浏览器进行定位
2. 包含框有定位，他就相对于有定位的离自己最近的父元素进行定位

1. 垂直水平都居中
2. 
3. 

Fixed（与绝对定位相同脱离文档流 不过他始终对浏览器不管父元素做了什么  加入此标签后就会块化），固定定位，即特殊的绝对定位，即它的“包含框”为浏览器

Sticky 粘性定位