记录一下前端在没有浮动的情况下，子盒子div有元素 显示高度为0的情况

记录一下前端在没有浮动的情况下，子盒子div有元素 显示高度为0的情况


发现middle-info中的子div样式重叠，使用开发者工具检查发现子div高度为0

在对middle-info及子元素添加display:block;并没有任何效果。在网上查资料说是float浮动属性会导致这种情况，但是通篇代码并没有使用这个属性，排除这个原因。
问题解决：
最后通过排查发现在最外层的middle-title类样式中设置了line-height:0;导致子div高度失效问题，注释掉后正常显示。或者在.middle-info>div中重新设置line-height也可以解决这个问题。