html中的position属性

最新推荐文章于 2024-04-25 18:45:11 发布
最新推荐文章于 2024-04-25 18:45:11 发布
阅读量1.1k 收藏 6
点赞数 1
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_44841874/article/details/90107893
版权

position共3个属性

1.absolute
脱离原来的位置进行定位
跟最近的父级进行定位，如果没有则相对文档进行定位

2.relative
保留原来的位置进行定位（自己原来的位置仍然占据）
相对自己原来的位置进行定位

3.fixed
与absolute定位模式相同，不同之处在于，fixed的定位结果相对文档不变，即不论文档滚动条如何变化，fixed修饰的模块位置不变（多用于网页中的广告设计，相信大家都深有体会）

可以借鉴此处，通过对多个子模块透明度的设计，改变position属性值实演

demons.ml
关注
  • 1
    点赞
  • 踩
  • 6
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
关于html中的定位属性position
Zindax的博客
02-08 736
position有五个属性值，不做设置时默认为static。 inherit 从父元素那继承position的属性值 fixed（固定定位） 脱离文档流 相对于浏览器窗口进行的定位 该元素在没有滚动条的情况下没有差异 在有滚动条时，该元素不会随着滚动条的滚动而滚动 该元素的位置通过“left”，“right”,“top”,"bottom"进行定位 relative (相对定位) 相对于元素本身的位...
HTML Attributes
u013960094的专栏
02-27 1153
HTML Attributes (case-insensitive 大小写不敏感) Attributes provide additional information about an element, always specified in the start tagAttributes come in name/value pairs like: name="value" la
HTML基础知识（五）——position定位
weixin_48683052的博客
09-15 1万+
一、定位 1、常见的定位布局有float布局，position布局，flex（弹性盒子）布局。 position布局，定位布局。 2、定位布局：定位指的是指定一个元素在网页上的位置； 3、一共有5种定位方式，也就是说position属性主要有五个值： （1）static （2）relative （3）fixed （4）absolute （5）sticky （...
HTML的position详解
热门推荐
xizi_ghq的博客
08-23 5万+
今天上课半斤八两半斤八两的我突然不愿意听课，于是突然有了雅兴来解决自己这几天的疑惑。 先对自己理解的position做一个总结， 1、static：static是所有元素的默认属性，也就是可以理解为正常的文档流 2、relative:relative是相对于自己文档的位置来定位的，对旁边的元素没有影响 3、absolute：absolute是相对于父标签来进行定位的，如果没有父标签或者父标...
CSS Position定位（详解网页中的定位属性）
最新发布
百赢出品，必属精品
04-25 1560
文档流（Document Flow）：HTML元素默认按照文档流从上到下依次排列，形成页面布局。定位：定位是指通过CSS将元素摆放到指定位置的技术，不受文档流的限制。定位属性（position）用于指定元素的定位方式，可选值包括相对定位（relative）、绝对定位（absolute）、固定定位（fixed）和粘性定位（sticky）。相对定位（Relative Positioning）元素相对于其正常位置进行定位，通过设置top、right、bottom和left属性进行偏移。
HTML position属性
徐冰的博客
10-14 6697
属性值： 1、static 2、relative 3、absolute 4、fixd 附：文档流又称正常流，是默认情况下HTML元素排版布局过程中元素会自动按照自上而下或从左往右进行流式排放的一种顺序。 1、static: 默认值。没有定位，元素出现在正常流中（忽略 top, bottom, left, right 或者 z-index 声明），即没有脱离文档流。 例如： <div clas...
HTML中position的5个属性
weixin_46100406的博客
03-04 611
一. 默认定位static position的默认值，一般不设置position属性时，会按照正常的文档流进行排列。 二. 相对定位relative 1、relative 就是相对元素static定位时的位置进行偏移（也就是说，relative是只相对于自身原来的位置来定位的），如果不指定top，right，bottom，left的值，其位置是没有变化的。 2、不会脱离文档流 例如：“...
HTML中元素的position属性详解
wangzunkuan的博客
08-09 7476
CSS 有三种基本的定位机制：相对定位（relative）、浮动定位（float）和绝对定位（absolute）。默认情况下，所有元素都采用相对定位，即DOM元素的位置由元素在 (X)HTML 中的位置决定。普通定位的具体规则是： 块级框从上到下一个接一个地排列，框之间的垂直距离是由框的垂直外边距计算出来。 行内框在一行中水平布置。可以使用水平内边距、边框和外边距调整它们的间距。但是，垂直内边...
详解html中 position属性用法（四种）
09-22
主要介绍了html中 position用法，文中逐一给大家介绍了position的四个属性值，感兴趣的朋友跟随小编一起看看吧
详解CSS中position属性介绍(新增sticky)
09-22
在CSS布局中，`position`属性是一个至关重要的概念，它决定了元素在页面上的定位方式。本文将详细解析CSS中的`position`属性，并特别关注CSS3新增的`sticky`值。 首先，`position`属性的基本用法是设定元素的定位...
Position属性之relative用法
11-23
本文将深入探讨Position属性中的Relative用法，以及与之相关的绝对定位（Absolute）和固定定位（Fixed）的区别。 Position属性用于设定元素的定位类型，主要有以下几种值：static、relative、absolute和fixed。默认...
html position属性作用,position(五种属性，以及每个属性的特点)
weixin_39926311的博客
06-04 1103
1. position: relative;相对定位1> 不影响元素本身特性(无论区块元素还是内联元素会保留其原本特性)2> 不会使元素脱离文档流(元素原本位置会被保留，即改变位置也不会占用新位置)3> 没有定位偏移量时对元素无影响(相对于自身原本位置进行偏移)4>提升层级(用z-index样式的值可以改变一个定位元素的层级关系，从而改变元素的覆盖关系，值越大越在上面，z-...
HTML的position定位理解
zhh0310235的博客
08-07 1623
HTML的position定位有5种属性。 1、static 定位：没有定位，遵循文档流等先后顺序。 2、fixed 定位：固定到当前浏览器窗口位置，用top:20px;right:30px;等属性进行控制，固定在浏览器窗口距上边20像素，右边30像素的位置。 3、relative定位：相对于它正常位置的轻微距离平移，position:relative; left:-20px;相对与没有定位...
HTML关于position定位的几种方式及应用示范
LYM0411的博客
04-24 2391
position定位的几种方式及使用
html语言position,html中position定位
weixin_39878698的博客
05-31 962
html中position有三个值：relative、absolute、fixed。首先说position:relative，相对定位，指的是元素本身定位。开启元素相对定位之后，1.元素不会脱离文档流；2.可以给元素设置top、bottom、left、right值；3.可以给元素提升一个层级；4.设置了相对定位元素，原来是内联元素现在还是内联元素，原来是块状元素，现在还是块状元素。例：有3个块状元...
html中的默认坐标,HTML 属性 Position
weixin_39982236的博客
05-31 427
定位 (position)元素的定位属性元素的定位属性主要包括定义模式和边偏移两部分。1、边偏移边偏移属性描述top顶端偏移量，定义元素相对于其父元素上边线的距离right右侧偏移量，定义元素相对于其父元素右边线的距离bottom底部偏移量，定义元素相对于其父元素下边线的距离left左侧偏移量，定义元素相当于其父元素左边线的距离也就是说，以后定位要和这偏移量配合使用，比如 top: 100px; ...
HTML中的position属性
ioszhanghui的博客
07-23 6444
在CSS样式中，用的位置属性position，常用的有三种，releative,absolute,fix. releative 相对定位是相对于原本元素的静态位置，设置left,top,right,bottom进行位置移动，不会脱离文档流。可以通过z-index进行分层级。 absolute 绝对定位，相对于最近一个设置了position属性的元素，如果父元素没有设置position属性的，就...
html语言position,html中position用法介绍
weixin_30470785的博客
05-31 340
这次给大家带来html中position用法介绍，html中position用法的注意事项有哪些，下面就是实战案例，一起来看一下。昨天刚学了html的一些内容，就迫不及待的想做个京东上面的搜索条，结果做是做出来了，不过在做那个购物车结算的时候，有个上面显示的数字不知道该怎么加了，如果想让数字跟着购物车一起动的话，就必须将它们两个定位在一起，定位的话肯定就需要position，首先将数字的div的p...
html中position标签的属性
03-16
HTML中position标签的属性是用来控制元素的定位方式的。常见的属性有： 1. static：默认值，元素按照文档流排列，不受其他定位属性影响。 2. relative：相对定位，元素相对于自身原来的位置进行定位，可以通过top...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值