本文目录
- css中定位position有哪几个属性值
- position对象存在哪些属性
- position属性值有哪些
- css样式中,position元素有几个属性它们之间有什么联系和区别是什么
- css的position的属性有哪些
- css代码position属性的问题
- CSS中position属性详解
- div标签里面的相对绝对position属性怎么设置
- html中的position属性
- js控制css background-position属性只能用具体的数值吗
css中定位position有哪几个属性值
absolute，生成绝对定位的元素，相对于 static 定位以外的第一个父元素进行定位；
元素的位置通过 “left“, “top“, “right“ 以及 “bottom“ 属性进行规定；
fixed，生成绝对定位的元素，相对于浏览器窗口进行定位；
元素的位置通过 “left“, “top“, “right“ 以及 “bottom“ 属性进行规定。
relative，生成相对定位的元素，相对于其正常位置进行定位；
static，默认值，没有定位，元素出现在正常的流中（忽略 top, bottom, left, right 或者 z-index 声明）；
inherit，规定应该从父元素继承 position 属性的值。
position对象存在哪些属性
position的四个属性值： 1.relative 2.absolute 3.fixed 4.static 下面分别讲述这四个属性。 sub1 sub2 1. relative relative属性相对比较简单，我们要搞清它是相对哪个对象来进行偏移的。答案是它本身的位置。在上面的代码中，sub1和sub2是同级...
position属性值有哪些
position属性值有static、relative、absolute、fixed、sticky。
1、static：该关键字指定元素使用正常的布局行为，即元素在文档常规流中当前的布局位置。
2、relative：该关键字下，元素先放置在未添加定位时的位置，再在不改变页面布局的前提下调整元素位置（因此会在此元素未添加定位时所在位置留下空白）。
3、absolute：是不为元素预留空间，通过指定元素相对于最近的非static定位祖先元素的偏移，来确定元素位置。
4、fixed：是指不为元素预留空间，而是通过指定元素相对于屏幕视口（viewport）的位置来指定元素位置。元素的位置在屏幕滚动时不会改变。
5、sticky：盒位置根据正常流计算，然后相对于该元素在流中的 flow root（BFC）和 containing block（最近的块级祖先元素）定位。在所有情况下（即便被定位元素为table 时），该元素定位均不对后续元素造成影响。
参考资料来源：百度百科-position
css样式中,position元素有几个属性它们之间有什么联系和区别是什么
CSS position 属性
通过使用 position 属性，我们可以选择 4 种不同类型的定位，这会影响元素框生成的方式。
position 属性值的含义：
static
元素框正常生成。块级元素生成一个矩形框，作为文档流的一部分，行内元素则会创建一个或多个行框，置于其父元素中。
relative
元素框偏移某个距离。元素仍保持其未定位前的形状，它原本所占的空间仍保留。
absolute
元素框从文档流完全删除，并相对于其包含块定位。包含块可能是文档中的另一个元素或者是初始包含块。元素原先在正常文档流中所占的空间会关闭，就好像元素原来不存在一样。元素定位后生成一个块级框，而不论原来它在正常流中生成何种类型的框。
fixed
元素框的表现类似于将 position 设置为 absolute，不过其包含块是视窗本身。
提示：相对定位实际上被看作普通流定位模型的一部分，因为元素的位置相对于它在普通流中的位置。
css的position的属性有哪些
position 属性指定了元素的定位类型。它有五个属性，分别是
static：HTML 元素的默认值，即没有定位，遵循正常的文档流对象。静态定位的元素不会受到 top, bottom, left, right影响。
relative：相对定位元素的定位是相对其正常位置。
fixed：元素的位置相对于浏览器窗口是固定位置。注：即使窗口是滚动的也不会移动
absolute：绝对定位的元素的位置相对于最近的已定位父元素，如果元素没有已定位的父元素，那么它的位置相对于《html》。注：定位使元素的位置与文档流无关，因此不占据空间。定位的元素和其他元素重叠。
sticky：基于用户的滚动位置来定位。粘性定位的元素是依赖于用户的滚动，在 position:relative 与 position:fixed 定位之间切换。它的行为就像 position:relative; 而当页面滚动超出目标区域时，它的表现就像 position:fixed;，它会固定在目标位置。元素定位表现为在跨越特定阈值前为相对定位，之后为固定定位。
css代码position属性的问题
position:relative;
bottom:0px;
right:0px;
position:relative;是相对位置，大多相对于父层的位置，比如《div
class=“parent“》《div
style=“position:relative;bottom:0px;right:0px;“》《/div》《/div》就是相对外层的div
parent位置是相对的，底部和右边为0，当position:absolute;则是相对于浏览器窗口的！
你可以试试就知道效果了！
CSS中position属性详解
根据W3C的解释为：position 属性规定元素的定位类型，把元素放置到一个静态的、相对的、绝对的、或固定的位置中。
可能的值
absolute：生成绝对定位的元素，相对于 static 定位以外的第一个父元素进行定位。元素的位置通过 “left“, “top“, “right“ 以及 “bottom“ 属性进行规定。
fixed：生成绝对定位的元素，相对于浏览器窗口进行定位。元素的位置通过 “left“, “top“, “right“ 以及 “bottom“ 属性进行规定。
relative：生成相对定位的元素，相对于其正常位置进行定位。
static：默认值。没有定位，元素出现在正常的流中（忽略 top, bottom, left, right 或者 z-index 声明）。
inherit：规定应该从父元素继承 position 属性的值。
我们用的最多的absolute和relative，接下来可以通过具体例子来更加直观地体现。
举例
一：绝对定位
position: absolute；绝对定位：绝对定位是相对于元素最近的已定位的祖先元素（即是设置了绝对定位或者相对定位的祖先元素）。如果元素没有已定位的祖先元素，那么它的位置则是相对于最初的包含块（body）。
绝对定位本身与文档流无关，因此不占空间，普通文档流中的元素的布局就当绝对定位的元素不存时一样，所以 它们可以覆盖页面上其他的元素，且可以通过z-index属性来控制这些层的对方顺序。
#box_relative {
position: absolute;
left: 30px;
top: 20px;
}
二：相对定位
position: relative；相对定位：相对定位是相对于元素在文档中的初始位置——首先它出现在它所在的位置上（即不设置position时的位置，然后通过设置垂直或水平位置，让这个元素“相对于”它的原始起点进行移动；
注意，在使用相对定位时，无论是否进行移动，元素仍然占据原来的空间。因此，移动元素会导致它覆盖其它框。
#box_relative {
position: relative;
left: 30px;
top: 20px;
}
注意
position:absolute，float会隐式地改变display的类型（display：none除外）。即是当元素设置position:absolute、float:left、float:right中任意一个时，都会让元素以display:inline-block的方式显示（特点是：可以设置长宽，默认宽度不占满父元素）。这时，即使故意设置display:inline; display:block都是无效的。
但是float在IE6下的双边距bug就是用display:inline; 来解决的。position:relative不会隐式改变display的类型。
div标签里面的相对绝对position属性怎么设置
1、div标签里面的相对绝对position属性有四个可选值，它们分别是：static、absolute、fixed、relative。
2、具体设置方法如下：
1）DIV布局属性之position:static，无定位。
该属性值是所有元素定位的默认情况，在一般情况下，我们不需要特别的去声明它，但有时候遇到继承的情况，我们不愿意见到元素所继承的属性影响本身，从而可以用position:static取消继承，即还原元素定位的默认值。
2）DIV布局属性之position:absolute，绝对定位。
使用绝对定位的nav层前面的或者后面的层会认为这个层并不存在，也就是在z方向上，它是相对独立出来的，丝毫不影响到其它z方向的层。所以position:absolute用于将一个元素放到固定的位置很好用，但是如果需要层相对于附近的层来确定位置就无能为力了。
3）DIV布局属性之position:fixed，相对于窗口的固定定位。
这个定位属性值是什么意思呢？元素的定位方式同absolute类似，但它的包含块是视区本身。在屏幕媒体如WEB浏览器中，元素在文档滚动时不会在浏览器视察中移动。例如，它允许框架样式布局。在页式媒体如打印输出中，一个固定元素会出现于第一页的相同位置。这一点可用于生成流动标题或脚注。
4）DIV布局属性之position:relative，相对定位。
所谓相对定位到底是什么意思呢，是基于哪里的相对呢？我们需要明确一个概念，相对定位是相对于元素默认的位置的定位。既然是相对的，我们就需要设置不同的值来声明定位在哪里，top、bottom、left、right四个数值配合，来明确元素的位置。
3、div标签
DIV元素是用来为HTML文档内大块（block-level）的内容提供结构和背景的元素。DIV的起始标签和结束标签之间的所有内容都是用来构成这个块的，其中所包含元素的特性由DIV标签的属性来控制，或者是通过使用样式表格式化这个块来进行控制。DIV标签称为区隔标记。作用：设定字、画、表格等的摆放位置。当你把文字、图象，或其他的放在DIV中，它可称作为“DIVblock”，或“DIVelement”或“CSS-layer”，或干脆叫“layer”。而中文我们把它称作“层次”。
4、DIV标签用法
DIV标签应用于 Style Sheet（样式表）方面会更显威力，它最终目的是给设计者另一种组织能力，有 Class、Style、title、ID 等属性。《div》 是一个块级元素。这意味着它的内容自动地开始一个新行。实际上，换行是 《div》 固有的唯一格式表现。可以通过 《div》 的 class 或 id 应用额外的样式。不必为每一个 《div》 都加上类或 id，虽然这样做也有一定的好处。
可以对同一个 《div》 元素应用 class 或 id 属性，但是更常见的情况是只应用其中一种。这两者的主要差异是，class 用于元素组（类似的元素，或者可以理解为某一类元素），而 id 用于标识单独的唯一的元素。
html中的position属性
1.position: static 默认值。没有定位,元素出现在正常的流中(忽略top, ...
2.position: inherit inherit值如同其他css属性的inherit值...
3.position: relative 相对定位,相对于自己的初始位置,不脱离文档流。也就...
4.position: absolute 绝对定位的元素的位置相对于最近的已定位祖先元素...
5.position: fixed fixed元素脱离正常的文档流
js控制css background-position属性只能用具体的数值吗
JS控制的和CSS控制的是一样的，background-position的属性值不一定是数值可以是left,top,bottom,right,center,百分比%,像素px。
