Question

织梦仿站 导航出现css 浮动兼容问题 ？

在360浏览器极速模式正常如下图

但是切换成兼容模式就错位如下图 所有导航挤到左边

代码如下：

<nav class="metNav inner pr"><ul class="list-none">

<li id="nav_10001" style='width:137px;' class='navdown'><a href='{dede:global.cfg_basehost/}' title='首页' class='nav'><span>首页</span></a></li><li class="line"></li>

{dede:channelartlist row='6' typeid='1,2,3' }
<li id='nav_1' style='width:136px;' >
<a href='{dede:field name='typeurl'/}' title='{dede:field name='typename'/}' class='hover-none nav'><span>{dede:field name='typename'/}</span></a>

<dl>
{dede:channel type='son' noself='yes' }
<dd><a href='[field:typelink/]' title='[field:typename/]' >[field:typename/]</a></dd>{/dede:channel}
</dl></li> <li class="line"></li>
{/dede:channelartlist}

{dede:type typeid="4"}

<li id='nav_13' style='width:136px;' ><a href='[field:typelink/]' title='[field:typename/]' class='hover-none nav'><span>[field:typename/]</span></a></li><li class="line"></li>

{/dede:type}
{dede:type typeid="5"}

<li id='nav_13' style='width:136px;' ><a href='[field:typelink/]' title='[field:typename/]' class='hover-none nav'><span>[field:typename/]</span></a></li><li class="line"></li>

{/dede:type}

{dede:type typeid="6"}

<li id='nav_13' style='width:136px;' ><a href='[field:typelink/]' title='[field:typename/]' class='hover-none nav'><span>[field:typename/]</span></a></li><li class="line"></li>

{/dede:type}
</ul>

</nav>

css代码如下：
header#page_header .metNav{width:961px; height:48px; line-height:48px; background:#2F2E2E; margin-bottom:12px; z-index:1000;}
header#page_header .metNav li{float:left;text-align:center; position:relative;}
header#page_header .metNav li a{color:#B9B9B9; display:block; font-size:14px; cursor:pointer;}
header#page_header .metNav ul>li>a{white-space:nowrap; overflow:hidden;}
header#page_header .metNav .hover a{color:#fff; background:#3D3C3C; text-decoration:none;}
header#page_header .metNav .line{width:1px; height:48px; background:#fff url(../8--line.png) no-repeat;}
header#page_header .metNav dl{display:none; position:absolute; top:48px; left:0px; background:#3D3C3C; white-space:nowrap; font-size:14px; padding:10px 0;}
header#page_header .metNav dl dd{background:url(../8--dd.jpg) no-repeat left bottom !important; height:30px;line-height:30px; padding-bottom:1px;}
header#page_header .metNav dd a{color:#fff !important; display:block; padding:0 10px;}
header#page_header .metNav dl dd a:hover{background:#2F2E2E;}
*html header#page_header .metNav li a span{display:block; height:48px; overflow:hidden;}
*html header#page_header .metNav dl dd a{white-space:nowrap; height:30px;}

请大侠告诉我一下，到底是哪边出现问题。？？谢谢





Answer 1

直接用织梦默认的下拉做下。

追问

谢谢，我试试，不知道还有没有其他方法哦。