css中position的属性值都有哪些？并描述其含义及具体解释

最新推荐文章于 2023-02-10 14:37:05 发布
最新推荐文章于 2023-02-10 14:37:05 发布
阅读量2.8k 收藏 1
点赞数 1
分类专栏： CSS 文章标签： css
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/LuckXinXin/article/details/105240000
版权

position属性规定元素的定位类型，任何元素都可以定位，不过绝对或固定元素会生成一个块级框，而不论该元素本身是什么类型。相对定位元素会相对于它在正常流中的默认位置偏移。没有继承性

static：默认值，没有定位，元素出现在正常流中（忽略top/right/bottom/left/z-index声明）

relative：相对定义，相对于它在正常流中的默认位置偏移

absolute：绝对定位，相对于除了static定位以外的第一个父元素进行定位，元素的位置通过top/right/bottom/left设置

fixed：固定定位，相对于浏览器窗口定位，元素的位置通过top/right/bottom/left设置

sticky

inherit

LuckXinXin
关注
专栏目录
DIV CSS布局中position属性用法深入探究
01-21
本文向大家描述一下DIV CSS布局中的position属性的用法，position属性主要有四种属性值，任何元素的默认position的属性值均是static,静态。这节课主要讲讲relative（相对）以及absolute（绝对）。 如何学习DIV+CSS布局之position属性 如果用position属性来布局页面，父级元素的position属性必须为relative，而定位于父级内部某个位置的元素，最好用absolute。定位(position)布局页面说容易非常容易，只需要记住这节课最后一句话就可以了，说困难，那是相当的难理解，需要一定的耐心，不过还好，KwooJan给大家总结的已
浅谈CSS中display/float/position属性值的相互影响
12-13
有3个属性和布局以及box的创建有关：’display’, ‘position’ 和 ‘float’，彼此交互作用如下： 如果’display’值为’none’，则’position’ 和 ‘float’无作用。这种情况下，不生成box。 否则，如果’...
position属性有哪些值？分别代表什么意思？
SuperPig7451的博客
11-05 1243
static：默认值，元素是静止的没有开启定位 relative:元素的相对定位,以自身为参照物 absolute:元素的绝对定位，以最近的开启了定位的祖先元素为参照物 fixed:元素的固定定位 sticky:元素的粘滞定位 ...
CSS position属性
Moon Star
04-13 209
position的含义是指定位类型，取值类型可以有：static、relative、absolute、fixed、inherit和sticky，这里sticky是CSS3新发布的一个属性。 1、position: static 　　static(没有定位)是position的默认值，元素处于正常的文档流中，会忽略left、top、right、bottom和z-index属性。 2、posit...
前端技能练习：html网页布局css属性position的属性值的描述
skyxmstar的博客
02-24 853
在html中网页可以看成一个立体的空间，一个完整的页面是由很多个页面堆积形成的，如下图所示   CSS中Position属性有四个可选值，它们分别是：static、absolute、fixed、relative。 ◆position:static　无定位 该属性值是所有元素定位的默认情况，在一般情况下，我们不需要特别的去声明它，但有时候遇到继承的情况，我们不愿意见到
css的position属性有哪些取值，它们的行为是什么？
WyYyyy51的博客
02-10 929
css的position属性有哪些取值
css中的position属性值的探究(小结)
09-22
`position`属性有五个可选值：`static`、`relative`、`absolute`、`fixed`以及`sticky`，每个值都有其独特的功能和应用场景。 1. **`position: static`** - 这是元素的默认值，意味着元素遵循正常的文档流。`...
CSS的position属性在DIV层中的应用
09-25
position属性有几个值：static、relative、absolute、fixed以及最近添加的sticky。 1. static：这是position属性的默认值。表示元素按照常规文档流进行布局。不进行特别的定位处理，所有的元素都按照HTML中的顺序...
CSS position属性absolute relative等五个值的解释
12-13
position属性有五个基本值：static、relative、absolute、fixed以及sticky，每个值都有其独特的应用场景。 1. **static**（静态定位） 静态定位是元素的默认定位方式。元素按照正常的文档流顺序排列，不考虑top、...
Position 的值有哪些，分别有哪些作用？
qq_57404393的博客
09-05 335
【代码】Position 的值有哪些，分别有哪些作用？
Position属性值的相关解析
小杨的博客
06-26 702
前言：本人是新生小白，如有错误之处欢迎指出position的属性值有： 1. absolute：绝对定位，是相对于最近的且不是static定位的父元素来定位(会脱离文档流)2. fixed：绝对定位，是相对于浏览器窗口来定位的，是固定的，不会跟屏幕一起滚动。(会脱离文档流)3. relative：相对定位，是相对于其原本的位置来定位的。(不会脱离文档流)4. static：默认值，没有定位。5. Inherit：继承父元素的position值。 首先来看position： relative
css定位属性（position)的概括和基本用法
jpining的博客
02-23 518
css的定位属性是搭建结构必不可少的属性，定位了解透彻对我们以后的学习会有极大的帮助，满足日常的需求，这是我对定位属性的一些了解和基本用法，希望在以后的学习中能帮助大家更好的理解 1、定位是什么 定位简单来说就是在css里面用于检索或设置元素的定位方式 就是用于改变元素位置的一个CSS属性 2、定位的语法 position:属性值； 搭配边偏移使用（边偏移就是一个确定位置的方式。left...
position定位属性值
weixin_52998620的博客
01-07 1763
position的含义是指定位类型，取值类型可以有：static、relative、absolute、 fixed、inherit、和sticky,这里sticky是css3新发布的一个属性。 1、position:static static(没有定位)是position的默认值，元素设置相对于原本位置的定位， 元素并不脱离文档流，因此元素原本的位置会被保留，其他的元素位置不会受 到影响 2、position:relative relative(相对定位)是指给元素设置相对于原本位置的定位，元素并不脱离
Position属性四个值：static、fixed、absolute和relative的区别和用法
weixin_30567471的博客
10-28 724
　　在用CSS+DIV进行布局的时候，一直对position的四个属性值relative,absolute,static,fixed分的不是很清楚，以致经常会出现让人很郁闷的结果。今天研究了一下，总算有所了解。在此总结一下： 先看下各个属性值的定义： 1、static（静态定位）：默认值。没有定位，元素出现在正常的流中（忽略 top, bottom, left, right 或者 z-in...
Position属性四个取值用法和区别
Zetang_Wu的博客
08-11 1万+
Position属性四个取值用法和区别 在初学css的过程中常常会碰到设置定位的问题，大多数初学者都是大概明白，如果不好好弄清楚将会给以后的开发带来困难，经过本小菜对其他文章的浏览，自我总结如下： 目录 Position属性四个取值用法和区别 目录 -static -relative -absolute -fixed -relative和absolute的区别 -z-index...
css详解position五种属性用法及其含义
热门推荐
前端学习笔记
04-12 2万+
position（定位） position — 作为css属性三巨头（position、display、float）之一，它的作用是用来决定元素在文档中的定位方式。其属性值有五种，分别是 — static（正常定位）、relative（相对定位）、absolute（绝对定位）、fixed（固定定位）、sticky（粘性定位）。 static（正常定位） static(正常定位) 是元素position属性的默认值，包含此属性的元素遵循常规流1。 正常定位呈现常规流的示例html代码： <!DOCTYP
position 属性的常用的5种取值
qq_41306423的博客
06-22 1万+
日期：2020 年 6 月 22 日 position 属性 前言 说到 CSS 的 position 属性，大家都知道也都用过，但是要说它有几个取值以及这些值的不同，可能有部分同学会哑口无言，毕竟这不影响日常开发（手动狗头），身为一名有梦想的程序员，我们应该秉承刨根问底的钻研精神，不能浅尝辄止、不求甚解，万丈高楼平地起，基础才是万物之根，基础知识掌握了，后面的学起来也会更容易 废话不多说，正文开始 小序 position 属性的取值有：static | relative | absolute | fixe
position有哪些值？分别有什么作用？
weixin_52964248的博客
08-30 4362
position最常用的值有：静态定位——static 相对定位——relative 绝对定位——absolute 固定定位——fixed 1、static(静态）：HTML元素的默认值，不受top、bottom、left、right属性影响，元素占用文档流 2、Relative(相对）:相对定位。 特点：不脱离文档流的布局，受top、bottom、left、right属性影响,只改变自身的位置，在文档流原先的位置遗...
position 的属性值
weixin_34367257的博客
07-28 224
理论上来说，全部 position 的取值有8个 包括：position：static | relative | absolute | fixed | sticky | initial | inherit | unset 其中最常用的是 static 、relative、absolute、fixed 和 sticky initial、inherit、unset 是css的关键字，任何css...
3.CSS 中的 Position 属性值有哪些，分别该如何使用？
最新发布
04-15
CSS 中的 Position 属性值有 static、relative、absolute、fixed 和 sticky。其中，static 是默认值，没有定位效果；relative 是相对于元素自身原本位置定位；absolute 是相对于最近的已定位祖先元素定位（如果没有...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值