css-定位

于 2025-03-30 21:08:45 发布
阅读量141 收藏 1
点赞数 1
CC 4.0 BY-SA版权
文章标签： 前端 css html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_73610299/article/details/136029076

一、概述

css定位是一个强大的功能，它允许你精确的控制html的位置。css提供了几种不同的定位方式，其中包括静态定位static、相对定位relative、绝对定位absolute、固定定位fixed、粘性定位sticky。

1.静态定位

这是默认的定位方式，按照元素正常的文本流进行布局，既元素在页面的位置由其html的位置所决定，并且不能使用right等来调整位置。

position: static;

2.相对定位

相对定位元素不脱离文本流，占据html原有的位置，它可以通过设置right、top等属性来改变它的位置。它会使元素相对于正常位置进行偏移。

以上2个图可以明显看出再设置相对定位后，相对于原本的位置偏移了150px；

3.绝对定位

绝对定位会使元素脱离文档流，并且相对于最近的已经定位的祖先元素进行定位，如果没有已经定位的祖先元素，那么它会相对于<html>元素进行定位.。使用top、right等属性控制位置。

以上2个图设置绝对定位后，第一图相对于html去偏移，第二图再给祖先元素进行定位后，相对于祖先元素进行偏移。

4.固定定位

固定定位也是会脱离文档流，它是相对于浏览器窗口进行定位，既页面滚动时，元素的位置会停留在指定的位置。

当滚动到第5个盒子的时候，设置了固定定位的元素依然在窗口的固定位置。

5.粘性定位

粘性定位的元素会根据文档流进行排列，但是页面滚动到某个值的时候，它的表现就和固定定位一样。这对于创建导航菜单等在滚动的时候保持在一个位置的元素非常有用。

往下滚动它会一直在最顶部，因为我们设置了sticky粘性定位，并且设置了top属性为0.

H-宁
关注
简述python的is和==的区别_Python中==和is有什么区别
weixin_39866265的博客
12-13 198
== 是比较两个对象的内容是否相等，即两个对象的“值”是否相等，不管两者在内存中的引用地址是否一样。is 比较的是两个实例对象是不是完全相同，它们是不是同一个对象，占用的内存地址是否相同。即is比较两个条件：1.内容相同。2.内存中地址相同。a=10000b=10000print(a==b)#Trueprint(aisb)#Trueprint(id(a))#446...
Python中is与==判断的区别
01-20
在 Python 中，比较两个对象（变量）是否相等，可以用 “is” 和 “==” 操作，但它俩有什么区别？什么时候用 “is”，什么时候用 “==” ？在面试时，发现不少候选人很难把这两者完全说清楚，因此在这篇文章中，「Python之禅」将对二者进行深入浅出的对比介绍。 先举个例子 小黄最近手头非常宽裕，花重金购买了一辆 P90D 特斯拉，我们暂且给这车取名叫 “小P” ，这辆车和隔壁老王家的车（车名叫 “小 王”）是一模一样的，无论是型号、外表还是价格都一样，是同批次生产的。这里我们可以说 “小P” 和”小王”是两辆一模一样的、相等的（ euqal )，但本质上这是两个不同的对象。有一天小
python中is和==的区别
legend_hua的博客
04-25 686
首先看下面一段程序：def test(): # example 1 a = 'hello' b = 'hello' print(a is b) # 输出True print(a == b) # 输出True # example 2 a = 'hello world' b = 'hello world' print...
举例子让你明白python中is和==的区别
weixin_33923148的博客
08-03 157
在说 is 和 == 的区别之前，我们先理解下python的变量。python的变量和java的变量有很大的区别，因为一个是动态语言，另一个是静态语言。 java的变量就像是个盒子，是把对象的地址装进这个盒子内，就会有大的或者小的盒子。而python的变量像个便利贴，把他贴在哪个地方都可以，不需要管数据类型，只要你喜欢就可以。说太多没有用...
【Python 】python 中 is 和 == 的区别
weixin_44211968的博客
07-27 2300
本文介绍了Python的比较符： is 和 == 的区别
python中的is和==区别
Tonywu2018的博客
04-04 2万+
1. is和==的区别 python是一种面向对象的语言，python中对象包含三种基本要素：id(返回的是对象的地址)、type(返回的是对象的数据类型)及value(对象的值)。 is和==都可以对两个对象进行比较，而且它们的返回值都是布尔类型。但是它们比较的内容是不同的，不然两个函数的作用就重复了。首先我们来看下例子，从实际操作中来看下二者的区别。 从上面的例子可以得出，is和==...
Python中is和==的区别详解
09-19
为了深入理解Python中的is和==运算符的区别，我们需要先了解Python对象的几个基本属性：身份（id）、值（value）和类型（type）。 身份（id）是Python中用于区分不同对象的一个独特标识，可以简单理解为对象在内存...
Python中运算符”==”和”is”的详解
01-20
在讲is和==这两种运算符区别之前，首先要知道Python中对象包含的三个基本要素，分别是：id(身份标识)、python type()(数据类型)和value(值)。is和==都是对对象进行比较判断作用的，但对对象比较判断的内容并不相同。...
详解Python中is和==的区别
09-19
在Python编程语言中，`is` 和 `==` 是两种常用的比较操作符，它们用于检查对象之间的关系。虽然它们在用途上相似，但其背后的机制和含义却有所不同。以下是关于 `is` 和 `==` 区别的详细解释： 1. **`is` 运算符**...
python中的is和==
weixin_42384444的博客
07-18 436
python中的is和==1. 意义2. 说明2.1 小整数池2.2 引入类型 1. 意义 ’==‘ 用来比较两个值是否相等，即两个变量指向的地址存储的值是不是相等 ’is‘比较两个变量是不是同一个，即两个变量指向的地址是不是同一个 注意： 在集成IDE中，可能被优化。要以原生IDE为准。 2. 说明 2.1 小整数池 启动python的时候，python会自动将[-5,256]之间的整数加载，放进小整数池，供所有的程序全局共享。因此，在python原生IDE中，整数范围在[-5, 256]之间时，is
python中is与==的区别
MrNoboday
10-13 459
== 值比较运算符 ==比较的是两个对象的value值的异同，只要值相同则返回true，换言之，==并不关心对象是否是同一个对象（id是否相同）。而is则直接比较对象，如果是同一个对象（即对象的id相同），则返回true，而对象是同一个，那么value相同是自然的事情。如下示例。 ls1 = ls2 = [1, 2, 3] ls3 = [1, 2, 3] # 各个value相同的列表对象的地址 ...
python ==和is区别_python is和==的区别
weixin_31236101的博客
02-19 166
pythonis 与 == 区别 ：is用于判断两个变量引用对象是否为同一个， == 用于判断引用变量的值是否相等。a is b 相当于 id(a)==id(b)，id() 能够获取对象的内存地址。(推荐学习：Python视频教程)如果 a=10;b=a; 则此时 a 和 b 的内存地址一样的;但当 a=[1,2,3]; 另 b=a[:] 时，虽然 a 和 b 的值一样，但内存地址不一样。如果此时...
python篇 “is“和“==“
undefineing的博客
12-05 1272
1.两者区别 1.1.概念 在python中"is"和"=="都可用来判断变量，刚开始学的时候很容易弄晕，一会儿is满足，一会儿不满足，搞不清该怎么用，所以这里做个小结。 is 判断两个变量内存地址是否相同 == 用来比较两个变量的值是否相等 1.2.演示 首先我们先了解一下如何用全局函数id()查看内存地址 >>> num1 = 10000 #==判断的就是这个 >>> num2 = 20000 #==判断的就是这个 >&g
python is 和==区别
weixin_43923133的博客
11-19 160
1.== 是比较两个对象的内容是否相等，即两个对象的“值“”是否相等，不管两者在内存中的引用地址是否一样。 2.is 比较的是两个实例对象是不是完全相同，它们是不是同一个对象，占用的内存地址是否相同。即is比较两个条件：1.内容相同。2.内存中地址相同 ...
浅谈python中的“ ==” 与“ is”
热门推荐
以梦为码 随路可栖
06-17 4万+
在python中，== 与 is 之间既有区别，又有联系，本文将通过实际代码的演示，力争能够帮助读到这篇文章的朋友以最短的时间理清二者的关系，并深刻理解它们在内存中的实现机制。 扯淡的话不多说，下面马上呈上我的第一张图： 通过上面代码的比较，我想很容易看得出，" is" 是用来比较 a 和 b 是不是指向同一个内存单元，而"=="是用来比较 a 和 b指向的内存单元中的值是不是...
[python] is和==什么区别
四月晴
06-24 912
python 对象有三个基本要素，分别是：id, type, value is 是对id进行比较， 而 == 是对值进行比较 example1: x = [1, 2, 3] y = x z = [1, 2, 3] print(x == y) print(x is y) print(x == z) print(x is z) print(id(x)) # x id print(id(y)) #...
python 中is 和== 的区别
最新发布
07-30
我们正在讨论Python中`is`和`==`的区别。根据引用内容，我们可以总结如下： 1. **`is`操作符**：比较两个对象的身份标识（即内存地址），判断它们是否是同一个对象。 2. **`==`操作符**：比较两个对象的值是否相等...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值