ccs 中的定位

Posted 2020-08-22 林思南

一、相对定位

　　position:relative;

　　作用：

　　　　相对定位 一般加给定位元素父级

　   特点：

　　　　（1）不脱离文档流；

　　　　（2）不改变元素类型；

　　　　（3）参照物是元素本身；

 

二、绝对定位

　　position:absolute;

　　一般会设置定位方向 left、top、right、bottom

　   特点：

　　　　（1）完全脱离文档流；

　　　　（2）改变元素类型，使元素支持宽高；

　　　　（3）参照物：如果有定位父级，参照物就是定位父级；如果没有定位父级，参照物就是body；

 

三、固定定位

　　position:fixed;

　　　　一般会设置定位方向 left、top、right、bottom　　

　　　　【注】固定定位在IE6下不支持

　   特点：

　　　　（1）完全脱离文档流；

　　　　（2）改变元素类型，使元素支持宽高；

　　　　（3）参照物：浏览器可视区；