css的定位属性

定位:先加定位模式,然后设置边偏移
一、定位模式:
(1)相对定位:position:relative(给父元素设置,切改变位置的参照物是自己原来的位置 且会占位,不会脱离标准流,标签显示模式特点不变)
(2)绝对定位:position:absolute(给子元素设置绝对定位,会脱标且不占位;参照物:先找最近位置的已经定位的父元素若无则找浏览器可视区域位置;具备行内块的性质)
(3)固定定位:position:fixed(特点:脱标且不占位;改变位置的参照物为浏览器窗口;具有行内块的特点)
二、边偏移设置
(1)使用top、left、等方位词后面跟偏移量
(2)使用transform:translate(左右偏移量,上下偏移量)
(3)z-index:num       设置子元素盒子的显示的先后先显示的num的设的大一些,后显示的值设置小一些

你可能感兴趣的:(前端,css)