开发工具与关键技术：DW and 定位与浮动
作者：江金燕
撰写时间：2019、2、26
下面由我来为大家介绍设计页面常用的一个操作—定位—，定位是我们设计页面中常用到的一个操作小技巧，它可以帮助我们更灵活的操作一些元素的位置摆放，美化页面。
但是对于这三大定位的区别和功能上的差异有些同学就容易弄混乱，以下是对这三大定位的解释介绍：
三大定位：relative相对定位 absolute绝对定fixed固定定位位
一、 relative相对定位
个人发言：大家可以看到我为div1设计了relative相对定位，在设置left和top的值。并且它会以父元素做为移动的参照。
注意：relative相对定位 是元素相对自身原来的位置进行偏移，但是最原始的空间位置依然是保留下来的。元素保留再文档流中。
二、absolute绝对定位
个人发言：大家可以看到我为div2设计了absolute绝对定位。
注意：我并未给div2设计它的父元数，当我设计left和top值的时候它就会以整个HTML为基准进行定位，而不是big盒子，原来的空间位置也已经关闭，生成新的框。元素脱离文档流。
三、fixed固定定位
个人发言:大家可以看到我为div2设计了我为div2设计了，并且为div3以外设有父元素的，
注意：当我为div3设计top值的时候，它并不是相对于父元素进行偏移的；而是相对于浏览器进行偏移的；并且fixed固定定位的元素并不会根据滚动条而进行滚动；前两者会。同样，元素脱离文档流。
四、floa浮动
个人发言：为什么在定位中我要提浮动呢？这是因为浮动和定位中有一个相关点。–文档流—
大家可以看到当我为div4设计浮动时div5的盒子就会往上走，给人的感觉就是div4的盒子重来没存在，其实div4的盒子是存在的，只是在正常空间的上面，也就是脱离了–文档流—
注意：但元素并未随之往上。
文档流知识讲解：文档流是相对与盒模型来说的，一般的文档流就是我们所设置的标签。但当我们设置浮动与（固定、绝对），就是在脱离文文档流；就会像div4一样在本来空间之上；div5盒子就会往上；但元素会跳出其文档。
留言：以上就是我学习后对定位与文档流的理解和解析；如果你对于页面定位和文档流有更加深的理解，希望你也可以和我一起交流哈！！！