Position 的 relative 和absolute属性的详解

最新推荐文章于 2023-05-24 22:16:01 发布
最新推荐文章于 2023-05-24 22:16:01 发布
阅读量294 收藏
点赞数
分类专栏： web前端 文章标签： css的position属性解析

[转载自：http://www.cnblogs.com/jenry/archive/2007/07/15/818660.html]

在网上偶然看到这篇对relative和absolute属性的详细解析，觉得讲得很好，所以 给大家提供下 链接。

position属性absolute与relative 详解
weixin_34352005的博客
07-15 2389
最近一直在研究javascript脚本,熟悉DOM中CSS样式的各种定位属性,以前对这个属性不太了解,从网上找到两篇文章感觉讲得很透彻,收藏下来,唯恐忘记。一.解读absolute与relative http://www.blueidea.com/tech/web/2006/4249.asp很多朋友问过我absolute与relative怎么区分，怎么用？我们都知道absolute是绝对定位，r...
CSS position属性absolute relative等五个值的解释
12-13
《CSS position属性详解：absolute, relative及其他值》 在网页设计中，CSS（层叠样式表）的position属性是至关重要的，它决定了元素在页面上的布局方式。position属性有五个基本值：static、relative、absolute、...
css中的position:relative和absolute 属性
weixin_34292924的博客
05-06 84
语法： position : static | absolute | fixed | relative 取值： static :默认值。无特殊定位，对象遵循HTML定位规则 absolute :将对象从文档流中拖出，使用 left ， right ， top ， bottom 等属性相对于其最接近的一个最有定位设置的父对象进行绝对定位。如果不存在这样的父对象，则依据 b...
定位position详解:relative与absolute
weixin_34379433的博客
01-21 153
定位标签：position 包含属性：relative（相对） absolute（绝对） 1.position:relative; 如果对一个元素进行相对定位，首先它将出现在它所在的位置上。然后通过设置垂直或水平位置，让这个元素”相对于”它的原始起点进行移动。（再一点，相对定位时，无论是否进行移动，元素仍然占据原来的空间。因此，移动元素会导致它覆盖其他框） 相对定位：relative 没有脱...
position中relative和absolute属性详解
TTO_OTT的专栏
12-05 1084
看了这么多有关relative和absolute的属性介绍，我觉下面的最容易理解。 关于relative和absolute这段话更简洁 absolute： absolute英文意思是绝对的意思,实际上是针对父级元素元素定位,且不占用父级元素其他位置（relative定位仍把原来的位置保留）， 如果父级元素没有position:relative|absolute,则追至再上一个父级元素,直至
position:relative与absolute
fengbin2005
07-31 114
1.绝对定位：脱离了文档流与浮动模型，独立于其他对象而存在，没有占位， 2.相对定位：没有脱离正常的文档流，被设置元素相对于其原始位置而进行定位，其原始占位信息仍存在。   1。若c嵌套在b中，且b,c均是相对定位，则c的相对定位是相对于b而言的，b保留占位信息，且b中保留c的占位信息。 2。若c嵌套在b中，b进行绝对定位，c进行相对定位，则b脱离浮动，没有占位信息，而c相对b定位，并在...
css position: absolute、relative详解
10-30
总结来说，position: absolute和position: relative是CSS中用于控制元素定位的两个重要属性。absolute让元素完全脱离文档流并相对于最近的已定位祖先元素（或者初始包含块）进行定位，而relative则让元素保持在文档...
HTML的relative与absolute使用及区别详解
01-19
但是还是有一些比较难理解掌握标签和属性，就比如属性position,它是定位的一种方式代码如下： #div1{ position: relative; width: 200px; height: 200px; background-color: blueviolet; margin-left: ...
CSS position属性详解：absolute, relative等
"这篇文章主要介绍了CSS中的position属性，包括absolute、relative等五个值的含义和用法，并提供了示例代码帮助理解。" 在CSS布局中，`position`属性是一个非常关键的概念，它决定了元素在页面上的定位方式。该属性...
CSS position属性详解：relative, absolute, fixed
`position: absolute`使得元素脱离正常文档流，不占据任何空间，可以根据`top`, `bottom`, `left`, 和 `right`属性相对于最近的非`static`定位祖先元素（如果存在）或初始包含块（通常是浏览器窗口）进行绝对定位。...
position的absolute属性
zyl_lyr1019的专栏
11-09 1156
定位中的绝对定位属性，其绝对定位的参考系是离他最近的祖先元素。如果它所有的祖先都没有定位，则参考系就是document文档根节点。 绝对定位是脱离文档流的，所以，他有一个额外的功能就是使元素拥有布局，清理浮动等。拥有布局的元素，就可以进行元素尺寸的设置，行内元素也可以。 拥有布局的元素，就可以设置元素的尺寸，所以绝对定位的元素，不论它本身的属性是行内元素还是块级元素，它的表现形
position:relative和absolute以及css height
weixin_33737774的博客
07-31 353
为什么80%的码农都做不了架构师？>>> ...
position的relative和absolute属性
bangwu6488的博客
09-28 124
在对界面布局时，往往需要用到position属性。在W3C中，对position的定义是：规定元素的定位类型。 顾名思义，absolute代表绝对定位。在查阅了相关资料后，发现absolute定位是相对于其包含块（containing block）绝对定位，而这个包含块不一定是父级元素。例如，当父级元素没有设定position属性，而父级以上的某个祖先元素设了pos...
position：relative和absolute研究
weixin_33946605的博客
10-25 203
关于relative和absolute的区别，一直在用，相安无事。事实上，浏览器无论对用户还是开发者越来越人性化，如果不考虑浏览器向后兼容性的话，css将变得很美好。因为即使IE开发者面对它的旧版本，至于为什么成了这样，谁又知道呢？ 1.absolute；绝对定位；对象从文档流中抽取出来；也就是说该对象在dom中已经不占位置了。 那么如何定位呢？分为两种情况：（1）.父节点的position为...
定位之——相对定位（relative）与绝对定位（absolute）
最新发布
weixin_y18485705761的博客
05-24 3844
对于相对定位与绝对定位这是很重要的知识点，前端学的怎样也是看你的定位学的怎样，他影响了你的整个页面的排版与布局，废话不多说让我们来看看相对定位和绝对定位吧。position 属性规定元素的定位类型。
position:relative和absolute的区别、应用
XY坐标
04-09 167
position 有三个值，static（静态）、relative（相对）、absolute（绝对）；由于static是所有页面元素的默认值，因此设置元素的定位类型时几乎不用这个值，除非用于覆盖之前的定义。 对于后两者，一般应用：在一个相对定位的元素里面放置一个绝对定位的元素，如图： [img]http://blog.donews.com/images/blog_donews_com/kurt...
CSS——在css position 定位 中， relative 和 absolute 的关系
weixin_63456913的博客
02-02 743
absolute：定位是相对于离元素最近的设置了绝对或相对定位的父元素决定的，如果没有父元素设置绝对或相对定位，则元素相对于根元素即html元素定位。设置了absolute的元素脱了了文档流，元素在没有设置宽度的情况下，宽度由元素里面的内容决定。脱离后原来的位置相当于是空的，下面的元素会来占据位置。relative：定位是相对于自身位置定位（设置偏移量的时候，会相对于自身所在的位置偏移）。2、在父元素（也就是大盒子box）没有position属性时，子元素（红色盒子）是以屏幕为参照物进行位置的定位的；
css基础--定位position:relative和absolute的区别、应用
红尘道，红尘练心
10-19 235
　　Div+CSS进行网站布局时，做一些浮动层等特殊特殊效果时要考虑到定位问题。这就要用到Position属性等。 Position属性有四个值： static、fixed、absolute和relative，后面两个在布局中的定位里是经常用到的，顾名思义，absolute是指绝对定位，即将对象从文档流中拖出，使用left，right，top，bottom等属性进行绝对定位，而其层叠通过z-i...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值
>