首页 > 编程知识 正文

position属性的含义,position常用属性

时间:2023-05-05 13:37:35 阅读:250527 作者:2765

1、static:默认值,在没有设置position属性的时候,position默认为static 在文档(页面)中占位置。
2、relative:相对定位。在使用top或者left进行位置移动的时候,参考的位置是自己原先(没有定位时)所在的位置。 在文档(页面)中占位置。
3、absolute:绝对定位。在没有父元素(直接书写在body下面),或者有父元素,但是父元素没有设置position的值,就是没有定位时(static属性称无定位)在进行top或者left等偏移位置时,参考的偏移位置为浏览器,就是页面的左上角为top = 0,left =0 的位置。在网上为top负值。再往左为left负值。在使用偏移量的时候,相反,right = 0 ,bottom = 0时为页面可视窗口的右下角。但是当top偏移过后,距离可视页面底部的值,大于bottom偏移量的值得时候,bottom的偏移量是无效的。其他等同。在文档中不占位置。
4、fixed:固定定位。固定在当前可视窗口,不管页面怎么上下,左右滑动,固定在窗口,都不会进行移动。 脱离文档流,当与其他位置的元素发生重叠是,一直在其他元素上方。
5、sticky:粘性定位,即当元素在页面中,网页向上滑动,页面顶部与元素刚开始 想重叠是,就可以设置吸顶效果,随后就像固定定位一定定位在页面顶部。为c3新增加的属性。兼容性不好
6、z-index 该属性是在两个元素都有定位,而且位置发生了重叠,在不设置z-index的情况下,是后来者居上,在设置z-index的时候,那个值大那个在前面。z-index,赋值没有单位,直接赋值即可。

Java学习 --- springSecurity设置用户名和密码

版权声明:该文观点仅代表作者本人。处理文章:请发送邮件至 三1五14八八95#扣扣.com 举报,一经查实,本站将立刻删除。