关于inline-block元素所产生的三两影响及问题

设置inline-block属性既可以省略掉float所带来的影响，又能同时展示在一行，且能设置高度，效果是挺好的。

但是在研究中，也发现了一些问题，而这些问题也让我绞尽脑汁的思考，但最后仍然不得甚解。

首先，inline-block父元素的包裹性:

众所周知，父元素设置inline-block是可以清除掉子浮动元素所带来的影响的，在这儿我所碰到的问题就是当父元素宽度缩小到小于2个元素的宽度和时，第一行出现了一段小于200px（子元素宽度）的空白。

但是当我迫使5个子元素同行显示时，父容器显示了其真正的包裹性，也就是说，无论怎么伸缩（> 1000px的范围内），父容器是永远包裹子元素的。

归根结底就是为什么会留白，父容器如何包裹的？

我自己尝试着解释，但总是有着问题： 因为父元素宽度小于能够放置整数个元素的宽度，但是包裹性又从何说起？

希望有朋友能解惑，如果有观点错误，希望能批评指正！谢谢！

（补充于2019年3月14日19:42:19

   1.inline-block保持的一直都是包裹性（这在元素未换行显示中是正确的，即元素个数小于一定量的时候）
   2.当元素数目超过当前视窗所有的宽度之后，就会换行显示，而留白产生的原因是父元素此时的表现相当于充分填充特性了，因此设置width: fill-available表现一样
   3.而每一行若元素宽度过宽，那么就会换行，此时父元素也不会跟着变化了

）