HTML定位代码position（详解CSS中的position属性）

属性的用法及其不同取值的含义。

属性的基本语法

属性的基本语法如下：

selector { : value;

的取值，可以是以下四种：

属性的影响。

、left属性调整元素的位置，但是元素的位置仍然占据原来的空间。

3. absolute：表示元素相对于最近的已定位祖先元素进行定位，如果没有已定位的祖先元素，则相对于文档的body元素进行定位。

4. fixed：表示元素相对于浏览器窗口进行定位，

二、不同取值的含义

1. static

、left属性无效。

2. relative

、left属性调整元素的位置，但是元素的位置仍然占据原来的空间。下面的代码可以将一个元素向右移动20像素：

div { : relative;

left: 20px;

3. absolute

absolute表示元素相对于最近的已定位祖先元素进行定位，如果没有已定位的祖先元素，则相对于文档的body元素进行定位。下面的代码可以将一个元素相对于其父元素向右移动20像素：

div { : relative;

{ : absolute;

left: 20px;

4. fixed

fixed表示元素相对于浏览器窗口进行定位，下面的代码可以将一个元素固定在浏览器窗口的右下角：

div { : fixed;

right: 0; : 0;

属性时，要注意元素的位置是否占据原来的空间，以免影响其他元素的布局。

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！