是因为display:inline;会在元素之间造成一点间隙(可以通过设置父层:font-size:0;去掉,子元素:font-size:重新定义字体大小),加border 可以查看;加上浮动就会没有元素之间的间隙了.最后记得父层::after{display:table;content:"";clear:both;}清除浮动.

相对于自己本来的位置移动就是那个 relative和left的值

浮动是让那两个div从左到右排列  但是前面那个div是空的  实际上是不占位置的  他的意义就是做出一个相对位置 让他的左边界成为中线  

border:1px solid red; 你可以把div加上边框再去观察     如果还有疑问可以私聊我  我刚刚也看了很久实验很多次才想明白