定位的参照物

最新推荐文章于 2022-12-07 18:37:21 发布
最新推荐文章于 2022-12-07 18:37:21 发布
阅读量460 收藏
点赞数
文章标签： html5 css
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_58734251/article/details/120699669
版权

相对定位：

相对定位是参照于元素在文档流中的位置进行定位的，既元素原本在的位置

绝对定位：

绝对定位是参照于离它最近的开启了定位的祖先元素，如果所有的祖先元素都没有开启定位，则参照浏览器的视口

固定定位：

固定定位永远参照于浏览器的视口进行定位

粘滞定位（很少使用，因为IE浏览器不兼容）：

粘滞定位参照浏览器的视口进行定位

定位
m0_46381338的博客
02-29 326
新的一周新的开始，这周我们学习了定位属性。 定位 定位分为哪几种？定位布局？属性？ 定位分为：相对定位、绝对定位、固定定位、黏性定位 CSS有三种定位机制 分为普通流、浮动流、定位流。其中普通流的布局是上下排列，浮动流是左右排列的，定位是叠加排列。 定位的属性是position他是用于设置元素的定位方式的。其中static：默认值(没有定位 )、relative：相对定位、absolute:绝对定...
CSS中的四种定位方式详细整理（position）
surymy
12-31 1763
目录 一、position的可选值 二、相对定位：`position:relative` 三、绝对定位：`positon:absulote` 三、固定定位：`position:fixed` 四、粘滞定位：`position:sticky`
14.css中的定位的参照物
qq_36430299的博客
10-18 434
css中的定位的参照物：     position:relative/absolute/fixed/static         absolute：需要找到最近的祖先定位元素，若没有就是浏览器的左上角，若有就是相对于父元素的定位         relative：是相对于其正常位置的定位     或者用margin进行定位  100%表示相对于父元素的宽度  相对于父元素或者相邻的兄弟元
绝对定位的参考点position:absolute;
fuxiaomi2016的博客
10-14 5385
绝对定位的参考点position:absolute;
absolute如果找不到定位父元素那么会相对于谁进行定位_position 定位
weixin_39861054的博客
11-24 532
position 属性规定元素的定位类型。position 有四个属性值：static（默认值）、relative（相对定位）、absolute和fixed（统称为绝对定位）。static，没有定位，元素出现在正常的流中（忽略 top、bottom、left、right 或者是 z-index 声明）。relative，生成相对定位的元素，相对于原来位置移动，元素设置属性之后会出在文档流中不影响其...
html定位参照,HTML连载58-绝对定位的参考点以及注意事项
weixin_42524610的博客
06-08 379
HTML连载58-绝对定位的参考点以及注意事项一、绝对定位参考点1.规律：(1)默认情况下所有的绝对定位的元素，无论有没有祖先元素，都会以body作为参考点。.box1{width: 300px;height: 300px;background-color: red;/*position:absolute;*//*left:0px;*//*bottom:0px;*/}.box2{width: 20...
很少朋友知道的margin 百分比是按参照物来计算的
09-25
但许多人在实际应用时并未意识到，使用百分比设置margin时，其计算方式与使用其他单位不同，因为它是基于参照物进行计算的。 首先，我们需要明白，CSS中的百分比是相对于某个参照值来计算的。在设置margin的百分比...
css用参照物定位住img标签
04-03
可以使用相对定位或绝对定位来定位img标签，需要指定参照物的位置。 相对定位： ```css .parent { position: relative; } img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);...
通信工程-参照物绘制.pptx
10-30
在“通信工程-参照物绘制.pptx”这份文档中，主要介绍了如何在设计过程中绘制参照物，包括池塘和苗圃，以帮助施工人员定位。下面将详细阐述相关知识点。 1. 参照物绘制： - 在完成通信工程的线路设计后，为了方便...
45-巧用参照物.doc
09-29
本案例中的“45-巧用参照物.doc”讲述了贝斯特博士牙刷如何利用参照物成功推广其“摇摆式”牙刷，从而在竞争激烈的牙刷市场中脱颖而出。 1. **参照物的概念与作用**：参照物是将新产品或服务与消费者熟悉的事物进行...
定位（绝对定位 相对定位 默认 固定定位）
makelucky的博客
05-21 4276
（1）绝对定位（position：absolute） ①相对于已经定位的父级元素去定位 ②若父级元素未定位，则相对于HTML根文档定位 ③完全脱离文档流，不占有位置 ④通过left top bottom right定位 （2）相对定位（position：relative） ①相对于自身默认位置定位 ②不脱离文档流，占有位置 ③主要作用是给绝对定位当父级元素用 （3）固...
网页基础（二十四）固定定位
qq_41440413的博客
03-05 446
固定定位 fixed 表示固定定位 * 相对于浏览器窗口进行定位 * 固定定位也是一种绝对定位 只是他的参照物是body * 只要开启了定位 就会产生层级关系 应用于跟随网页上下滑动的固定广告位置 <!DOCTYPE html> <html> <head&gt...
固定定位fixed
o0__0的博客
12-15 409
这样一个页面，要实现上面导航条和左边列表一直在固定位置 1.使用position: fixed; 将导航和列表固定，变成了下面这样 2.然后使用z-index:1,来设置层叠顺序，这样就使导航和列表固定在自己的位置不会随着页面向下拉而消失了
CSS的四种定位的参照物
weixin_30268071的博客
08-14 539
一、static定位 HTML 元素的默认值，即没有定位，遵循正常的文档流对象。 静态定位的元素不会受到 top, bottom, left, right影响。 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title&...
定位详解（固定定位，粘滞定位）
BambooStrip的博客
08-15 3826
css定位详解篇二
CSS各定位之间的区别
weixin_45813597的博客
09-13 556
相对定位、绝对定位、固定定位、粘滞定位、静态定位的区别
相对定位、绝对定位、固定定位、粘滞定位的特点
qq_46580571的博客
06-11 3119
相对定位的特点： 1.开启相对定位的元素如果不设置偏移量则元素不会移动。 2.开启相对定位的元素会提高元素的层级。 3.开启相对定位的元素参照元素自身位置进行移动的。 4.开启相对定位的元素不会改变元素的性质。 绝对定位的特点: 1.开启绝对定位的元素如果不设置偏移量则与元素不会移动。 2开启绝对定位的元素会根据父元素进行定位，如果父元素为body则会根据窗口进行定位。 3.开启绝对定位的元素会导致元素脱离文档流，被定位的元素等于在文档中不占据任何位置，在另一个层呈现。 4.开启绝对定位的元会改变元素的性质
【前端初学者】【CSS笔记】之定位：相对定位、绝对定位、固定定位、静态定位及粘性定位（上）
HY_Sophie的博客
12-07 2556
【前端初学者】【CSS笔记】之定位：相对定位、绝对定位、固定定位、静态定位及粘性定位（上）
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值