Question

绝对定位和相对定位有什么不同？

Answer 1

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

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

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

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