定位（三种机制之一）

定位（三种机制之一）

显示

在普通流和浮动之上

详解

定位=定位模式+边偏移

语法

选择器 { position：属性值；}

值

static 静态定位（不怎么用）none一样意思

取消定位

relative 相对定位

给top、rifgt、botton、left值，使在最顶部可覆盖移动 原有位置大小还在

absolute 绝对定位(用于父子级)

1、父级无定位，子级绝对定位，则以浏览器显示区域定位 2、父级有定位，子级绝对定位，则以父级显示区域定位

不保留原先位置

子绝父相

不能用margin：auto left：50%； margin-left:-(盒子一半宽 )

fixed 固定定位

无论父级有没有定位，都无关 不随滚动条移动

堆叠顺序

使用定位布局出现盒子重叠的情况，后来者居上 使用 z-index：（数字）

通栏

居中定位，width：100%

text-align：center