这不是bug，你让里面的元素由display:none变成inline-block后，他外层元素的基线变了。绿色不显示内部的时候基线时其底部，红色显示内部后，基线时其内部红色的基线。

参考zxx对规范的翻译

一个inline-block元素，如果里面没有inline内联元素，或者overflow不是visible，则该元素的基线就是其margin底边缘，否则，其基线就是元素里面最后一行内联元素的基线。
来源文章