日期:2014-05-16  浏览次数:20573 次

浏览器兼容问题:高度显示错误
本帖最后由 mfxslm 于 2014-03-11 21:56:54 编辑
IE6和IE8显示正常,但是谷歌浏览器高度显示不正常。求解,代码如下:

<style>
div,p,ul,li{margin:0; padding:0;}

.ilistr{ width:340px; height:auto; float:right;}
.ilcol{ width:338px; height:auto; margin-top:10px; border-bottom:1px solid #eaeaea; border-left:1px solid #eaeaea; border-right:1px solid 

#eaeaea; border-top:2px solid #ff6793; clear:both;}
.ilcol_tit{ width:328px; height:30px; background-color:#fcfcfc; font-size:16px; font-weight:bold; line-height:30px; padding-left:10px;}
.ilcol_tit a{ color:#00aaff;}
.ilcol_tit a:hover{ color:#ff6793;}
.ilcol_all{ width:338px; height:auto; clear:both;}
.ilcol_all ul { width:330px; padding:5px 4px;}
.ilcol_all ul li{ width:324px; padding-left:6px; border-bottom:1px dashed #d2d2d2; clear:both; list-style-type:none;}
.ilcol_tita{ width:313px; padding-left:11px; height:30px; line-height:30px; font-size:14px; font-weight:bold; background: url

(../images/listcol.gif) no-repeat 0px 5px;}
.ilcol_tita a{ color:#00aaff;}
.ilcol_tita a:hover{ color:#ff6793;}
.ilcol_titb{ width:74px; height:25px; overflow:hidden; line-height:25px; float:left; padding-left:7px; background: url(../images/tag.gif) 

no-repeat 0px 7px;}
</style>
<div class="ilcol">
<div class="ilcol_tit"><a href="/">栏目导航</a></div>
<div class="ilcol_all">
<ul>
<li>
<div class="ilcol_tita"><a href="/">大栏目标题</a></div>
<div class="ilcol_titb"><a href="/">小栏目标题</a></div>
<div class="ilcol_titb"><a href="/">小栏目标题</a></div>
<div class="ilcol_titb"><a href="/">小栏目标题</a></div>
<div class="ilcol_titb"><a href="/">小栏目标题</a></div>
<div class="ilcol_titb"><a href="/">小栏目标题</a></div>
</li>
<li>
<div class="ilcol_tita"><a href="/">大栏目标题</a></div>
<div class="ilcol_titb"><a href="/">小栏目标题</a></div>
<div class="ilcol_titb"><a href="/">小栏目标题</a></div>
<div class="ilcol_titb"><a href="/">小栏目标题</a></div>
<div class="ilcol_titb"><a href="/">小栏目标题</a></div>
<div class="ilcol_titb"><a href="/">小栏目标题</a></div>
<div class="ilcol_titb"><a href="/">小栏目标题</a></div>
</li>
</ul>
</div>
</div>

------解决方案--------------------
如果是Chrome浏览器, 直接F12呼出开发者模式, 可以在界面上调整元素属性, 来确定问题