Html中的position：absolute的意思

1、“position：absolute”是绝对定位的意思，单纯的使用absolute属性并不会其效果，需要配合“top bottom left right ”属性才能看到效果。首先需要新建一个html文件，这里定义了10个换行符，换行符的下面定义一个div：

2、此时保存文件，打开浏览器可以看到div在浏览器的下方位置，接下来来设置绝对定位，让div显示在任意位置：

3、给divc的class使用absolute属性, 并使用上下左右位置属性，设置向上和向左分别50px，接着保存文件：

4、再次打开浏览器，可以看到div的位置在浏览器上方，覆盖了换行符的位置：

在一般的前端开发中比较常用的定位有三种：相对定位，绝对定位，固定定位。下面简要的说明一下他们的使用特点：相对定位position:relative1.它可以在四个方向分别或者同时进行偏移 2.定义时它的参照物是父元素（没有时为浏览器本身） 3.偏移后元素的原来位置还是被占着，并没有空出来 4.当父元素和子元素同时定义时，他们的参照物是父元素，且占据原来的位置 绝对定位position:absolute1. 它可以在四个方向分别或者同时进行偏移 2.单独定义时它的参照物是浏览器本身，且不占据原来的位置 3.当父元素和子元素同时定义时，他们的参照物是父元素，且不占据原来的位置 4.当子元素绝对定位，父元素相对定位时，他们的参照物是父元素，且还占据原来的位置 5.当子元素相对定位，父元素绝对定位时，他们的参照物是父元素，且不占据原来的位置 固定定位position:fixed 1.它可以在四个方向分别或者同时进行偏移 2.定义时它总是以浏览器为参照物，且不占据原来的位置 3.它不会随着浏览器的滚动而移动，即会固定在所能到观察浏览器界面的固定地方 注：普遍使用方式为子绝父相，即子元素绝对定位，父元素相对定位 可以使用z-index: 来进行优先级显示

---