css - 关于页面中含有img元素,其父元素位置错误的问题
天蓬老师
天蓬老师 2017-04-17 13:44:35
[HTML讨论组]

我做的项目今天做系统消息提示,发现了一个问题,同样的代码,在不同页面显示效果不一样的问题,自己做了半天没有得到想要的结果,请大神来解答一下。
问题如图:[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>p{padding-right:9px;padding-left:10px;display:inline-block;height:100%;line-height:60px;}
.h-help-img{position:relative;}
天蓬老师
天蓬老师

欢迎选择我的课程,让我们一起见证您的进步~~

全部回复(3)
巴扎黑

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

PHP中文网

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

大家讲道理

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

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习
PHP中文网抖音号
发现有趣的

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号