position简单应用

今天是第一次写博客，就写一点关于对position标签的小总结。

对于标签的意思就不在解释，这里主要通过一些些细节方面来展现fixed， relative，absolute这三个标签，当然这都是我自己的理解，可能会有错误，仅供参考。

因为这个样式是修饰div这种标签的，是有大小的，因为我们在使用的时候务必要考虑到它会对div有什么影响，毕竟要是一不小心改变了设定好的框架，肯定是得不偿失的。

首先从是否占据实际位置来说，这是一个很关键的问题，我们肯定是要清楚写一个新的div的时候，它是怎样在占据位置的。在这三个标签中，有两个都是不占据位置的，分别是fixed和absolute，不占据位置也就是说不管你在哪个div中或者之间加上这个div，它对于原框架均没有影响
这是三个内联div

由于设置了fixed黄色部分不占位置，那么蓝色直接在红色后面，直接被浮上来的黄色挡住。

而这两个标签也是有很大区别的，首先，fixed是相对于浏览器定位，固定自己的位置，其他的功能我不太清楚，记住这个就够用了，也就是说，当浏览器向下滚动时，它还是在屏幕中的那个位置，不会动。而这一点absolute就不一样了，它首先是要写在上一个父元素position属性值不为默认值的div中。因此，可得知：如果符合条件的父元素随着浏览器的滚动而动，由于它是在这个父元素中固定，也会随着这个父元素的动而动。

而对于这个占据位置的relative，相对来说是这三个中最容易理解的，首先我们不用考虑它是否定位，把它当做一个普通的div。框架做好后，我们如果想对这单独的一个div进行位置的变化，就可以用到这个标签，也就是说，这个样式，它既占据位置，又不会对其它div的位置产生影响（如果是它移动挡住了别的div的内容，那就是别的方面的，这里仅说位置），它占据的是开始时候排版设置好的位置，而它的浮动是在原位置的基础上浮动，可以理解为是浮上来的，但是原来位置还在。
这里将黄色样式改为relative
由于是relative，原来的排版将会正常，而之后黄色开始自己的浮动。

从这里我们可以看出来，relative更加接近正常，变化也最小。

最后对于这些样式的用法进行一个简短的思考：
fixed没什么好说的，很简单的一个用法。
而absolute就有点意思了，在一个div中，如果想排布一个乱七八糟的框架，这时候便可以用到absolute，我们完全可以仅用absolute对所有的内部div进行位置上的固定，便可实现我们的目标，它省去了我们去设置一个又一个的大小嵌套在一起的div，而且还不一定能实现目标。当然我们要在迫不得已的情况下使用它，毕竟这样不太规范。
而relative的用处也不算小，类比absolute，我们可以先将大的布局设置好，当然div的框架大小一定要准确，之后用relative将每一个div都调整到我们预期的位置，这样也是可以的。
当然这些都是不能当做常规手段来使用的，不能对它们产生依赖，而忽略了对布置框架能力的提升，毕竟这才是实在的能力提升。

如果存在什么问题，欢迎告知，我也能发现一些错误。