设置inline-block属性既可以省略掉float所带来的影响，又能同时展示在一行，且能设置高度，效果是挺好的。
但是在研究中，也发现了一些问题，而这些问题也让我绞尽脑汁的思考，但最后仍然不得甚解。
首先，inline-block父元素的包裹性:
众所周知，父元素设置inline-block是可以清除掉子浮动元素所带来的影响的，在这儿我所碰到的问题就是当父元素宽度缩小到小于2个元素的宽度和时，第一行出现了一段小于200px（子元素宽度）的空白。
但是当我迫使5个子元素同行显示时，父容器显示了其真正的包裹性，也就是说，无论怎么伸缩（> 1000px的范围内），父容器是永远包裹子元素的。
归根结底就是为什么会留白，父容器如何包裹的？
我自己尝试着解释，但总是有着问题： 因为父元素宽度小于能够放置整数个元素的宽度，但是包裹性又从何说起？
希望有朋友能解惑，如果有观点错误，希望能批评指正！谢谢！