定位布局学习

2022/1/29 6:04:16

本文主要是介绍定位布局学习,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!

定位类型

  • 利用position设置定位类型
选项 说明
static 默认形为,参考文档流
relative 相对定位,参照之前自己位置,当元素发生位置偏移时,原位置留白。
absolute 绝对定位,参照第一个有定位属性父元素,否词参照页面,不占用原先位置
fixed 固定定位,把元素固定到页面一个位置,不受滚动条影响
sticky 粘性定位,当滚动条元素到达一个位置会固定住,后面定位权重高

位置偏移

选项 说明
top 距离顶边
bottom 距离下边
left 距离左部
right 距离右边

纵向重叠

如果元素重叠在一起,可以使用 z-index 控制元素的上下层级,数值越大越在上面。



这篇关于定位布局学习的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!


扫一扫关注最新编程教程