什么是固定定位

CSS 快速掌握 admin 341浏览

position在英文中表示“位置”的意思,它主要是用于实现对元素的定位。

在CSS中定位分为三种:

position:fixed固定定位

position:relatvie相对定位

position:absolute绝对定位

注意:

在使用定位属性时,一定要配合定位的坐标来使用!

left:表示定位的元素离左边多远;

right:表示定位的元素离右边多远;

top:表示定位的元素离上边多远;

bottom:表示定位的元素离下边多远

语法:position:fixed

固定定位,它是相对于浏览器窗口来进行定位,不管页面如何滚动,固定定位元素显示的位置不会改变!

特点:

●固定定位元素它脱离了标准文档流;

●固定定位元素的的层级比标准文档流里面的元素要高,所以固定定位元素它会压盖住标准文档流里面的元素;

●固定定位元素它不再占用空间;

●固定定位元素它显示的位置不会随着浏览器滚动而滚动:

转载请注明:大灰牛博客 » 什么是固定定位