1.relative:相对定位
配合left、right、top、bottom用
(1).不影响元素本身的特性
(2).不会使元素脱离文档流
(3).假如没有定位偏移量,对元素本身没有任何影响
(4).提升层级
2.absolute:绝对定位
配合left、right、top、bottom用
(1).使元素完全脱离文档流
(2).使内嵌支持宽高
(3).块属性标签内容撑开
(4).相对定位一般是配合绝对定位用
(5).提升层级
(6).子绝父相、子绝父绝、子绝父固
(7).无视父亲的padding
(8).margin:0 auto 失效,必需使用left:50%,margin-left:宽度的一半 这种形式
注意:
1).假如使用top定义,那么定位参考点就是页面的左上角,而不是浏览器的左上角
2).假如使用bottom定义,那么就是浏览器首屏窗口尺寸,对应的页面的左下角
3.static:默认定位
4.fixed:固定定位,不随滚动条滚动
5.z-index:只有定位的值才有