这里的话则是position为relative了，这个top、left都是相对这个div原本的位置的。
我们发现这个position为relative的话，不会释放原有的空间。
来看看这个，我们发现是相对于整个窗口界面的位置，并且，他是悬浮的。无论上下滑动与否，他都是固定在那里的。
如果这个不设置top/left等，则会放在其应有的位置，一旦设置了，则会相对于html的界面固定住。类似于absolute的正常效果了。
当然，我这里没有解释明白，但是我自己已经理解了，就是写两次玩玩就好了。
好的，这是普通的一个div，使用的是默认的定位。
简单总结一下，就是position常见的有四种，分别介绍一下
1.static，这个就是默认的位置，不受top/left等影响，就是本该有的正常位置。
2.absolute，这个是绝对位置，相对于html界面来说，固定的位置，他会释放其原有占用的位置。
3.relative，相对其正常的位置，即相对static的位置，不释放原有空间。
4.fixed，相对界面窗口的，释放空间，滚动窗口的话它也不会移动：
如果是position: sticky;的话，则是relative与fixed的动态关系
能relative则relative，不然就是fixed。