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

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

position:static;默认值

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

position:absolute;绝对定位

特点:脱离文档流 ,

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

position:relative;相对定位

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

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

position:fixed;固定定位

特点:脱离文档流。

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

position:sticky;粘性定位

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

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

目录
相关文章
|
3月前
定位
【8月更文挑战第25天】定位。
49 3
|
1月前
定位有几种,他们的特点分别是什么?是相对于什么进行定位的?
定位有几种,他们的特点分别是什么?是相对于什么进行定位的?
20 0
|
2月前
静态定位和固定定位
静态定位和固定定位。
31 1
|
6月前
|
API Python
文件位置标记及其定位
文件位置标记及其定位
60 2
|
IDE 前端开发 安全
使用xpath定位遇到的坑
使用xpath定位遇到的坑
246 0
测试定位打卡
测试定位打卡
64 0
|
XML 数据格式 开发者
|
存储 中间件 测试技术
如何及时定位到非必现问题?
自定义channel;区分哪个环境中使用自定义的channel;使用优雅的 monolog 驱动
168 0
如何及时定位到非必现问题?
|
安全 开发者
定位 | 学习笔记
快速学习定位。
100 0
定位 | 学习笔记
文件定位
文件定位
110 0