解决display：inline-block后产生空袭问题

1 给li的父元素 设置 display：table；即可（最优解决）
2是给li添加浮动元素 float：left
3 给父元素设置font-size：0 子元素再设置正确的大小