position属性值有哪些，position属性怎么用

position属性有什么作用?如何使用?

1、position属性position属性指定用于元素的定位方法的类型（静态，相对，固定，绝对或粘性）。 有五种不同的值：？static？relative？fixed？absolute？sticky然后使用top，bottom，left和right属性定位元素。

2、辅助属性position属性只是使元素脱离文档流，要想此元素能按照希望的位置显示，就需要使用下面的属性(position：static不支持这些)：①left ： 表示向元素的左边插入多少像素，使元素向右移动多少像素。

3、position这个属性用于设置HTML元素的位置，需要和“top，left，right，bottom结合使用。

4、当然position的应用还有很多，比如布局，比如fixed可以用来做固定导航菜单，网页右下角的固定菜单等，有兴趣的同学可以自行查找相关资料进行学习。总结position属性是一个容易让初学者迷惑的属性，尤其是absolute和relative的应用。

5、position：static；} position：relative 如果设定 position：relative，就可以使用 top，bottom，left 和 right 来相对于元素在文档中应该出现的位置来移动这个元素。

CSSPosition属性怎么使用的

绝对定位使用条件position：absolute；position：relative绝对定位使用通常是父级定义position：relative定位，子级定义position：absolute绝对定位属性，并且子级使用left或right和top或bottom进行绝对定位。

background-position属性可以设置背景图像的起始位置。

sticky然后使用top，bottom，left和right属性定位元素。但是，除非首先设置position属性，否则这些属性将不起作用。根据位置值，它们的工作方式也不同。position：static；默认情况下，HTML元素定位为静态。

实现方法在IE6中是不能直接使用 position：fixed； 。

background-position属性怎么用

1、background-position：x y x等于平行轴 y等于竖行轴，x y的取值可以为正数，也可以是负数。

2、background-position属性可以设置背景图像的起始位置。

3、background-position属性用于控制背景图片在元素中的位置。这个位置指定的是图片左上角相对于元素左上角的位置。

4、当background-position取值为关键字时，也需要设置水平方向和垂直方向的值，只不过值不是使用px为单位的数值，而是使用关键字代替。

5、background-position 属性设置背景图像的起始位置。这个属性设置背景原图像（由 background-image 定义）的位置，背景图像如果要重复，将从这一点开始。如果您仅规定了一个关键词，那么第二个值将是center。