一、定位
CSS 定位属性允许对元素进行定位改变其在页面的位置。
CSS 有三种基本的定位机制:普通流、浮动和绝对定位。
普通流中的元素的位置由元素在 HTML 中的位置决定。
二、相对定位
相对盒子自己原来的位置进行调整,称为相对定位
position: relative;
top:100px;
left:100px
left:向右移动(左边与原先间隔固定值)right:向左移动 top:向下移动 bottom:向上移动 值可
为负,为负时向相反方向移动
三、绝对定位
绝对定位:盒子可以在浏览器中以坐标进行位置精准描述,拥有自己的绝对位置
position: absolute;
top: 0;
left: 234px;
left:到左边的距离; right:到右边的距离; top:到顶部的距离; bottom:到底部的距离 值
可为负,为负时向相反方向移动
四、固定定位
相对浏览器窗口定位,不随页面滚动改变位置
position:fixed ;
top:100px;
left:100px;
五、粘性定位
页面滚动时,滚动到顶部直接吸附
position: static;