在IE的兼容模式下怎么会产生空行?_html/css_WEB-ITnose

php中文网
发布: 2016-06-24 12:15:22
原创
1207人浏览过

在两个DIV之间产生了一个空行,在高速模式或者其他浏览器是正常的,但是在IE内核的兼容模式下就有这个空行,见下图:


HTML代码:

<div class="topright"><div class="zhongbox"><h2>最新文章</h2></div><div class="rewen"><ul class="ico3">      <li><a href="#" target="_blank">测试</a></li><li><a href="#" target="_blank">测试</a></li><li><a href="#" target="_blank">测试</a></li><li><a href="#" target="_blank">测试</a></li><li><a href="#" target="_blank">测试</a></li></ul></div></div>
登录后复制


CSS代码:
.topright{width:298px;border:1px solid #DBDBDB;float:right;overflow:hidden;}.zhongbox{width:100%;height:20px;line-height:20px;background-color:#EBEBEB;border-bottom:1px solid #DADADA;}.zhongbox h2{padding-left:10px;font-weight:bold;color:#CD8500;font-size:13px;}.rewen{width:100%;overflow:hidden;zoom:1;height:100%;clear:both;}.ico3{float:left;margin:4px 0px;}.ico3 li{padding-left:16px;background:url(../images/ico-3.gif) 7px 11px no-repeat;height:23px;line-height:23px;overflow:hidden;width:100%;}
登录后复制


回复讨论(解决方案)

ie6下测试,没有见到你的bug,见:http://jsfiddle.net/TUnvv/
检查你的dede模版,是不是php部分有什么问题,导致html输出时出现问题。

ie6下测试,没有见到你的bug,见:http://jsfiddle.net/TUnvv/
检查你的dede模版,是不是php部分有什么问题,导致html输出时出现问题。
上面的代码是我的前台输出的代码,不应该是后台模板的问题吧~~真是奇怪了·~

页面头部加个
<script></script>
在IE6下用firebug检查一下HTML标签。

字体大小设在文字的当前元素上,外层的字体大小设为0即可 font-size:0 

字体大小设在文字的当前元素上,外层的字体大小设为0即可 font-size:0
经测试,还是没有效果,谢谢回复~~

非常感谢各位的回复,经自己逐个测试,最后发现是由于前面的代码书写不恰当,导致层出现了浮动,非本段代码的问题,再次感谢大家的解答~~·

HTML速学教程(入门课程)
HTML速学教程(入门课程)

HTML怎么学习?HTML怎么入门?HTML在哪学?HTML怎么学才快?不用担心,这里为大家提供了HTML速学教程(入门课程),有需要的小伙伴保存下载就能学习啦!

下载
来源:php中文网
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
最新问题
开源免费商场系统广告
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新 English
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习

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