定位有几种,他们的特点分别是什么? 是相对于什么进行定位的?

简介: 定位有几种,他们的特点分别是什么? 是相对于什么进行定位的?

position:static;默认值

HTML元素的默认值,没有定位,元素出现在正常的文档流中。

position:absolute;绝对定位

特点:脱离文档流 ,

根据最近的有定位方式的父元素进行定位。

position:relative;相对定位

特点:不脱离文档流的布局,

根据自身的位置进行定位 ;一般配合绝对定位使用。

position:fixed;固定定位

特点:脱离文档流。

根据浏览器页面进行定位的 常用于制作导航栏。

position:sticky;粘性定位

粘性定位的元素是依赖于用户的滚动。

相对于用户的滚动位置来定位。

目录
相关文章
|
7月前
|
监控 搜索推荐 数据挖掘
精准定位目标客户群
精准定位目标客户群
228 2
|
4月前
定位
【8月更文挑战第25天】定位。
56 3
|
2月前
定位有几种,他们的特点分别是什么?是相对于什么进行定位的?
定位有几种,他们的特点分别是什么?是相对于什么进行定位的?
41 0
|
3月前
静态定位和固定定位
静态定位和固定定位。
40 1
|
IDE 前端开发 安全
使用xpath定位遇到的坑
使用xpath定位遇到的坑
281 0
测试定位打卡
测试定位打卡
65 0
|
XML 数据格式 开发者
|
计算机视觉
HIMA F6706 通过控制回路来移动和定位
HIMA F6706 通过控制回路来移动和定位
HIMA F6706 通过控制回路来移动和定位
|
存储 中间件 测试技术
如何及时定位到非必现问题?
自定义channel;区分哪个环境中使用自定义的channel;使用优雅的 monolog 驱动
173 0
如何及时定位到非必现问题?
|
安全 开发者
定位 | 学习笔记
快速学习定位。
104 0
定位 | 学习笔记