position在英文中表示“位置”的意思,它主要是用于实现对元素的定位。
在CSS中定位分为三种:
position:fixed固定定位
position:relatvie相对定位
position:absolute绝对定位
注意:
在使用定位属性时,一定要配合定位的坐标来使用!
left:表示定位的元素离左边多远;
right:表示定位的元素离右边多远;
top:表示定位的元素离上边多远;
bottom:表示定位的元素离下边多远
语法:position:fixed
固定定位,它是相对于浏览器窗口来进行定位,不管页面如何滚动,固定定位元素显示的位置不会改变!
特点:
●固定定位元素它脱离了标准文档流;
●固定定位元素的的层级比标准文档流里面的元素要高,所以固定定位元素它会压盖住标准文档流里面的元素;
●固定定位元素它不再占用空间;
●固定定位元素它显示的位置不会随着浏览器滚动而滚动: