inline-block与block元素position:relative相互影响的原因

inline-block与block元素同时使用position:relative定位时，会出现一些奇怪的问题，而且inline-block与block元素先后顺序不同也会导致效果不同，具体原因是为什么？
具体的情况请查看https://jsfiddle.net/x007xyz/...

---

什么奇怪问题？