position的值有哪些?

最新推荐文章于 2022-04-06 12:58:40 发布
最新推荐文章于 2022-04-06 12:58:40 发布
阅读量279 收藏
点赞数
分类专栏： 笔记
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/lovewuhuarou/article/details/122401871
版权

static: 默认值 没有定位，元素出现在标准流中，不支持边偏移（top，left，right，bottom）
relative (相对定位):生成相对定位的元素,相对于其正常（原先本身）位置进行定位
absolute（绝对定位):生成绝对定位的元素，相对于static定位以外的第一个父元素进行定位
fixed（固定定位）:生成绝对定位的元素，相对于浏览器窗口进行定位
​

duangduangxiu
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
前端的 position属性
Andybfw的博客
08-11 1358
CSS Position(定位) 常见的5个属性  static relative fixed absolute sticky----left right  top   bottom  4个属性值。 元素可以使用的顶部，底部，左侧和右侧属性定位。然而，这些属性无法工作，除非是先设定position属性。他们也有不同的工作方式，这取决于定位方法   1.static------HTML元素的...
css中的position属性值的探究(小结)
09-22
`position`属性有五个可选值：`static`、`relative`、`absolute`、`fixed`以及`sticky`，每个值都有其独特的功能和应用场景。 1. **`position: static`** - 这是元素的默认值，意味着元素遵循正常的文档流。`...
position的值
weixin_30480075的博客
11-19 195
absolute 生成绝对定位的元素，相对于值不为 static的第一个父元素进行定位。 fixed （老IE不支持） 生成绝对定位的元素，相对于浏览器窗口进行定位。 relative 生成相对定位的元素，相对于其正常位置进行定位。 static 默认值。没有定位，元素出现在正常的流中（忽略 top, bottom, left, right z-index 声明）。 inherit 规定从...
position有几个值
混世小妲己
01-04 563
参考：https://www.cnblogs.com/jiunie/p/7928816.html
position有哪些值？分别有什么作用？
weixin_52964248的博客
08-30 4329
position最常用的值有：静态定位——static 相对定位——relative 绝对定位——absolute 固定定位——fixed 1、static(静态）：HTML元素的默认值，不受top、bottom、left、right属性影响，元素占用文档流 2、Relative(相对）:相对定位。 特点：不脱离文档流的布局，受top、bottom、left、right属性影响,只改变自身的位置，在文档流原先的位置遗...
position四个值
qq_36802917的博客
07-18 1287
1、relative 相对于本身进行位移 给child1设置position: relative; top: 50px;left: 50px; 可以看到chid1相对于之前的位置进行了偏移 2、absolute 1、子绝父相 如果parent设置了relative值，child就会按照父元素的左上角进行偏移       如果父元素设置的padding值，子元素就会忽略padd...
详解css position 5种不同的值的用法
01-19
有五种不同的值：   •static •relative •fixed •absolute •sticky 然后使用top，bottom，left和right属性定位元素。但是，除非首先设置position属性，否则这些属性将不起作用。根据位置值，它们的工作方式也...
浅谈CSS中display/float/position属性值的相互影响
12-13
有3个属性和布局以及box的创建有关：’display’, ‘position’ 和 ‘float’，彼此交互作用如下： 如果’display’值为’none’，则’position’ 和 ‘float’无作用。这种情况下，不生成box。 否则，如果’...
javascript改变position值实现菜单滚动至顶部后固定
12-11
其实就是改变 position 的值。 html 代码： 代码如下: <!DOCTYPE HTML> <html lang=”en-US”> <head> <meta charset=”UTF-8″> <title></title> <link rel=”stylesheet” ...
CSS position属性absolute relative等五个值的解释
12-13
position属性有五个基本值：static、relative、absolute、fixed以及sticky，每个值都有其独特的应用场景。 1. **static**（静态定位） 静态定位是元素的默认定位方式。元素按照正常的文档流顺序排列，不考虑top、...
CSS中的position的值及其作用？
weixin_47450807的博客
04-06 454
一、写在前面 position可以设置为多个值，可以设置的类型为absolute,relative,flex，static,inherit的值，下面将总结一些这些值的作用。 二、具体作用 2.1、relative 生成固定定位的元素，相对于元素本身正常的文档流进行定位。 2.2、absolute 生成绝对定位的元素，相对于值不为static的第一个父元素的padding box进行定位，也可以理解为离自己这一级元素最近的 一级position设置为absolute或者relative的父元素的paddin
position 值的研究
梁婉玲krysliang的博客
11-29 593
position有四个属性值： 1.relative 2.absolute 3.fixed 4.static   不设置Position的值，top，left，right，bottom，不起作用，但是设置了position:static也不会起作用。 先来说一下最简单的两个值 1.static 这是position的默认值，也就是不设定position或者设定position:s...
position 属性有哪些值，各有什么特点？
sinat_36825828的博客
03-22 1083
positon 定义和用法：position 属性规定元素的定位类型。 说明：这个属性定义建立元素布局所用的定位机制。任何元素都可以定位，不过绝对或固定元素会生成一个块级框，而不论该元素本身是什么类型。相对定位元素会相对于它在正常流中的默认位置偏移。 —— 来自 w3school position有以下可选值： 其中，CSS 定位机制： CSS 有三种基本的定位机制：普通流、浮动和绝对定位。 除非专门指定，否则所有框都在普通流中定位。也就是说，普通流中的元素的...
position的4个值和用法
AndyPoplar
06-07 5056
1. position的4个值 我理解的四个值为 absolute relative fixed sticky 2. 用法 2.1 absolute position:absolute 绝对定位 TOP、RIGHT、BOTTOM、LEFT(下面简称TRBL) 如果元素没有设定TRBL并且父级没有设定position属性，那么当前设置absolute的元素默认依据父级的坐标原始点为原始点。 如果元素设定TRBL并且父级没有设定position属性，那么当前设置absolute的元素则以浏览器左上角为
position属性的5个值
DC的博客
04-05 954
static          默认值。没有定位，元素出现在正常的流中（忽略 top, bottom, left, right 或者 z-index 声明）。 inherit         规定应该从父元素继承 position 属性的值。 relative       生成相对定位的元素，相对于其正常位置进行定位。因此，"left:20" 会向元素的 LEFT 位置添加 20 像素。
position属性中的几个属性值
weixin_45863735的博客
11-12 2233
CSS的position属性中的几个属性值position属性 position属性 position属性有以下属性值： absolute、fixed、relative、static、sticky、inherit、initial。 具体区别如下所示： absolute：绝对定位，元素框从文档流完全删除，并相对于其包含块定位。包含块可能是文档中的另一个元素或者是初始包含块。元素原先在正常文档流中所占...
Position
2197
07-18 1207
static：默认值，表示没有定位，块级元素和行内元素按照各自的特性进行显示 relative:相对定位,元素相对于原本位置的定位，元素不脱离文档流，位置会被保留，其他的元素位置不会受到影响，不会改变元素的display属性 absolute：绝对定位，相对于static以外的第一个父元素进行定位，如何不存在这样的包含块则相对于body进行定位。脱离文档流，并改变了display属性，元素本身...
position的取值和行为
u012149906的博客
05-08 1716
position的取值：static(静态定位)、relative（相对定位）、absolute(绝对定位)、fixed（固定定位）。 其中static和fixed比较好理解：static是position的默认值，没有定位，元素出现在正常的的流中（忽略top、bottom、left、right、z-index声明）；fixed是相当于浏览器窗口进行定位，元素的位置通过left、right、to...
position四个属性值的关系
weixin_30533797的博客
07-24 99
我在以前的公司，并不怎么用position这个属性，只是在写一些特殊效果的时候才用绝对定位。这就导致我对这个属性很不理解。今天有空，百度学习了一下。留下下面的文字 position的四个属性值： relative ，absolute ，fixed，static（画外音：inherit其实也是，不过今天不怎么说他~） 写个小小的页面： <html><head> ...
css中position的值有哪些
最新发布
05-04
CSS中position属性的值有： 1. static（默认值）：元素遵循正常文档流，不受top、right、bottom、left等属性的影响。 2. relative：元素遵循正常文档流，并相对于自身原来的位置进行定位，可以使用top、right、...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值