html float 占位,div内一个浮动div（在前），一个标准为当流div（在后），浮动div会产生占位？...

float是针对元素的浮动定位，并不是绝对定位，如果你的float改成position：absolute，那么两个元素就是重叠；

float浮动后，元素本身还是要占据父元素内的空间的，就比如说，你桌子上有两个笔记本，其中一个向左边靠，另一个没有给他位置，可以随意的，那么向左的那个本身还是占据了桌子的空间；

那么讲解下position定位；position定位常用的三种；

1、relative，相对定位；相对定位只根据父元素的位置定位，一般默认是在父元素下面没有任何样式，可以自己规定相应的样式；

2、absolute，相对于父元素的绝对定位，这是定位一般用在元素内需要进行绝对定位的元素，(如：我想把一个图片绝对定位到元素内的左下角，一般这样写:img{position:absolute;right:0;bottom:0;})注意的是，元素使用绝对定位后，那么它的父元素需要进行一次相对定位，不然绝对定位的元素是以body(也就是整个网页)来进行定位的；

3、fixed，相对于浏览器窗口来定位；这个定位一般用到的地方，如网页右侧的联系弹框，返回顶部，分享等；

怎么使用呢？

样式(以类名为top为例)：.top{positon:fixed;left:0;top:100px;}表示：元素显示在浏览器的最右边，距离顶部100px的距离；