关于页面中含有img元素，其父元素位置错误的问题

Question

我做的项目今天做系统消息提示，发现了一个问题，同样的代码，在不同页面显示效果不一样的问题，自己做了半天没有得到想要的结果，请大神来解答一下。
问题如图：[2]
这两个效果都是用同一段代码写成的头部公共部分，但是放到不同页面渲染的效果就完全不一样了，搞了1个多小时了还是弄出正确结果，心好累啊，你可要知道我真的是用尽了洪荒之力了。。。。
附：

.h-help-ect{font-size: 14px;height:100%;vertical-align: middle;float: right;display: inline-block;}
.h-help-ect img{margin-right:5px;}
.h-help-ect>div{padding-right:9px;padding-left:10px;display:inline-block;height:100%;line-height:60px;}
.h-help-img{position:relative;}

Answer 1

给他绝对定位不就好了，父元素relative，子元素绝对定位。display：line-block的问题。

Answer 2

如果是使用了模板引擎，建议检查一下标签的闭合问题~~~之前用tp的时候，也是遇到过类似的问题。

Answer 3

审查元素看一下各自的样式有没有不同。。