inline-block横向排列元素间隔原因及去除间隔方法

1.问题出现的场景：

需要实现上面的布局，三张图横向排列，左图靠左，右图靠右，中间图居于中间，且图与图之间有固定间隔，起初通过如下方式实现(为了说明方便，直接通过内联样式表现)：

<div style="width:100%;overflow:auto;">

<div style="width:32%;float:left"><img style="width:100%" src=" "/></div>

<div style="width:32%;margin-left:34%"><img style="width:100%" src=""/></div>  

<div style="width:32%;float:right"><img style="width:100%" src=" "/></div>   

</div>

该实现方式，通过float来控制左右两侧图靠两边停放，中间图通过计算三张图总宽96%，剩余4%，这4%需要分为两部分来实现与左右两边图之间的间距&