【CSS】position

server/2024/10/21 11:49:10/
  1. position: static 静态定位(默认)

  2. position:relative 相对定位

    参考物:元素的初始位置

    特点:不影响元素本身特性,元素不脱离文档流,相对于原位置进行偏移

  3. position:absolute 绝对定位

    参考物:距离最近的使用了定位的父级,没有时找body

    特点:元素脱离文档流 ,块级元素由内容撑开宽高,清除子集浮动

  4. position:fixed 固定定位

    参考物:浏览器窗口

    特点:清除子集浮动,脱离文档流

  5. postion: sticky 粘性定位

    参考物:根据用户的滚动位置进行定位

    特点:粘性元素根据滚动位置在相对(relative)和固定(fixed)之间切换。起先它会被相对定位,直到在视口中遇到给定的偏移位置为止 - 然后将其“粘贴”在适当的位置(比如 position:fixed)。


http://www.ppmy.cn/server/128773.html

相关文章

【微服务】网关 - Gateway(day7)

概述 引入 在前几个系列中,使用Eureka、Consul、Nacos解决了服务注册、服务发现的问题;使用SpringCloudLoadBalancer解决了负载均衡的问题;使用OpenFeign解决了远程调用的问题。 但是现在所有的微服务接口都是直接对外暴露的,可…

RCE+[伪协议综合]

<aside> &#x1f4a1; 伪协议种类 </aside> **1 file:// — 访问本地文件系统 2 http:// — 访问 HTTP(s) 网址 3 ftp:// — 访问 FTP(s) URLs 4 php:// — 访问各个输入/输出流&#xff08;I/O streams&#xff09; 5 zlib:// — 压缩流 6 data:// — 数据&am…

【汇编语言】寄存器(CPU工作原理)(三)—— 物理地址,16位结构CPU以及8086CPU给出物理地址的方法

文章目录 前言1. 物理地址2. 16位结构的CPU3. 8086CPU给出物理地址的方法4. 由段地址16引发的血案……结语 前言 &#x1f4cc; 汇编语言是很多相关课程&#xff08;如数据结构、操作系统、微机原理&#xff09;的重要基础。但仅仅从课程的角度出发就太片面了&#xff0c;其实学…

PHP语言发展历程

PHP是一种开源的服务器端脚本语言&#xff0c;主要用于Web开发&#xff0c;最初由Rasmus Lerdorf在1994年创建。PHP的发展历程如下&#xff1a; PHP的起源&#xff1a;1994年&#xff0c;Rasmus Lerdorf创建了PHP的第一个版本&#xff0c;最初是一套用于跟踪他个人简历访问的C…

【Canvas与标牌】盾形银底红带Best Quality Premium标牌

【成图】 【代码】 <!DOCTYPE html> <html lang"utf-8"> <meta http-equiv"Content-Type" content"text/html; charsetutf-8"/> <head><title>BestQulityPremium金属牌重制版Draft2</title><style type&…

LeetCode 54 Spiral Matrix 解题思路和python代码

题目&#xff1a; Given an m x n matrix, return all elements of the matrix in spiral order. Example 1: Input: matrix [[1,2,3],[4,5,6],[7,8,9]] Output: [1,2,3,6,9,8,7,4,5] Example 2: Input: matrix [[1,2,3,4],[5,6,7,8],[9,10,11,12]] Output: [1,2,3,4,8,1…

如何将数据从 AWS S3 导入到 Elastic Cloud - 第 1 部分:Elastic Serverless Forwarder

作者&#xff1a;来自 Elastic Hemendra Singh Lodhi 这是多部分博客系列的第一部分&#xff0c;探讨了将数据从 AWS S3 导入 Elastic Cloud 的不同选项。 Elasticsearch 提供了多种从 AWS S3 存储桶导入数据的选项&#xff0c;允许客户根据其特定需求和架构策略选择最合适的方…

【rCore OS 开源操作系统】Rust mod模块和static生命周期 知识点及练习题

【rCore OS 开源操作系统】Rust 模块 mod 知识点及练习题 前言 虽然是模块的章节&#xff0c;但是也涉及到了一些结构体访问控制、生命周期 相关的知识点。 这里暂不讨论 crate&#xff0c;个人觉得这个东西属于工程化的内容&#xff0c;而不是 rust 的模块语法。 知识点 mo…