position的值， relative和absolute分别是相对于谁进行定位的？
relative: 相对定位，相对于自己本身在正常文档流中的位置进行定位 相对它原来的位置，在走100px。原来在标准流中的位置继续占有。 absolute: 生成绝对定位，相对于最近一级定位不为static的父元素进行定位。（子决父相）。 fixed: （老版本IE不支持）生成 ...
原文：position的值， relative和absolute分别是相对于谁进行定位的
absolute:生成绝对定位的元素， 相对于最近一级的 定位不是 static 的父元素来进行定位。 fixed 老IE不支持 生成绝对定位的元素，通常相对于浏览器窗口或 frame 进行定位。 relative生成相对定位的元素，相对于其在普通流中的位置进行定位。 static默认值。没有定位，元素出现在正常的流中 sticky生成粘性定位的元素，容器的位置根据正常文档流计算得出 ...
2017-09-04 21:52 1 5565 推荐指数：
相关推荐
关于position的relative和absolute分别是相对于谁进行定位的
position:absolute; 他的意思是绝对定位，他是参照浏览器的左上角，配合TOP、RIGHT、BOTTOM、LEFT(下面简称TRBL)进行定位，在没有设定TRBL，默认依据父级的做标原始点为原始点。如果设定TRBL并且父级没有设定position属性，那么当前 ...
css使absolute相对于父容器进行定位而不是以body（为什么绝对定位（absolute）的父级元素必须是相对定位（relative））
借知乎的回答如下解释： 首先，我想告诉你的是，如果父级元素是绝对定位（absolute）或者没有设置，里面的绝对定位（absolute）自动以body定位。这句话是错的。正确的是：只要父级元素设了position并且不是static（默认既是static），那么设定了absolute的子元素 ...
position属性absolute与relative 详解 不为人知的（fixed）绝对定位(fixed相对于浏览器窗口=不动的div)
总结： 当一个标签打上 position：absolute绝对标签后，当我们使用TRBL属性时，他所参照的对象是带有absolute或relative标签的父级（无限），如果所有父级都没有absolute或relative打上标签，则以BODY左上角点为参照（一句话总结 ...
【CSS3】---层模型position之fixed固定定位、absolute绝对定位和relative相对定位
什么是层模型？ 什么是层布局模型？层布局模型就像是图像软件PhotoShop中非常流行的图层编辑功能一样，每个图层能够精确定位操作，但在网页设计领域，由于网页大小的活动性，层布局没能受到热捧。但是在网页上局部使用层布局还是有其方便之处的。下面我们来学习一下html中的层布局 ...
微信小程序 位置定位position详解，相对定位relative，绝对定位absolute相关问题
一、位置position【定位属性：static，relative，absolute，fixed，inherit，-ms-page，initial，unset】 1.static：元素框正常生成，块级元素生成一个矩形框，作为文档流的一部分，行内元素则会创建一个或者多个行框，置于其父元素中 ...
绝对定位常见误区：position:absolute相对于谁定位、及当溢出时怎么隐藏
1、绝对定位元素溢出父元素，怎么隐藏问题？ 通常，为了让DIV子元素超出部分隐藏，都是在父元素设置overflow:hidden，这样即可防止子元素撑开父元素，使子元素能够溢出隐藏！ 但是，对于position:absolute定位的子元素，仅仅使用overflow:hidden没办法 ...