急,DIV+CSS制作导航条自动换行问题
这是我的代码<divid="header"width=100%><divid="menu"><ul><li><ahref="index.asp"target="_blan...
这是我的代码
<div id="header" width=100%>
<div id="menu">
<ul>
<li><a href="index.asp" target="_blank">首页</a></li>
<li class="menuDiv"><li>
<li><a href="ershou.htm" target="_blank">二手物品</a></li>
<li class="menuDiv"><li>
<li><a href="house.htm" target="_blank">房产信息</a>
<li>
<li class="menuDiv"><li>
<li><a href="bianmin.html" target="_blank">便民信息</a>
<li>
<li class="menuDiv"><li>
<li><a href="zhekou.html" target="_blank">新品上市/品牌折扣</a>
<li>
<li class="menuDiv"><li>
<li><a href="dianpu.html" target="_blank">店铺信息</a>
<li>
<li class="menuDiv"><li>
<li><a href="qita.html" target="_blank">其他信息</a>
<li>
</ul>
</div>
<div id="banner">
</div>
</div>
#header{width:980;margin:0 0;height:28px;backgrond:#ffcc99;white-space: nowrap}
#menu ul{float:left;list-style:none;margin:0px;white-space: nowrap}
#menu ul li{float:left;margin:0 10px;display:block;line-height:28px;}
#menu{padding:0px 2px 0 0}
.menuDiv{width:1px;height:28px;background:#999}
#menu ul li a:link,#menu ul li a:visited{font-weight:bold;color:#666}
#menu ul li a:hover{color:#ff0000}
当窗口不是最大化时,好像是导航条的宽度不够似的,导航条内的内容就会自动换行,成两行显示,在当前窗口显示出来。请问应该如何解决这个问题啊?
让导航条无论是多大窗口都在一行显示出来。谢谢! 展开
<div id="header" width=100%>
<div id="menu">
<ul>
<li><a href="index.asp" target="_blank">首页</a></li>
<li class="menuDiv"><li>
<li><a href="ershou.htm" target="_blank">二手物品</a></li>
<li class="menuDiv"><li>
<li><a href="house.htm" target="_blank">房产信息</a>
<li>
<li class="menuDiv"><li>
<li><a href="bianmin.html" target="_blank">便民信息</a>
<li>
<li class="menuDiv"><li>
<li><a href="zhekou.html" target="_blank">新品上市/品牌折扣</a>
<li>
<li class="menuDiv"><li>
<li><a href="dianpu.html" target="_blank">店铺信息</a>
<li>
<li class="menuDiv"><li>
<li><a href="qita.html" target="_blank">其他信息</a>
<li>
</ul>
</div>
<div id="banner">
</div>
</div>
#header{width:980;margin:0 0;height:28px;backgrond:#ffcc99;white-space: nowrap}
#menu ul{float:left;list-style:none;margin:0px;white-space: nowrap}
#menu ul li{float:left;margin:0 10px;display:block;line-height:28px;}
#menu{padding:0px 2px 0 0}
.menuDiv{width:1px;height:28px;background:#999}
#menu ul li a:link,#menu ul li a:visited{font-weight:bold;color:#666}
#menu ul li a:hover{color:#ff0000}
当窗口不是最大化时,好像是导航条的宽度不够似的,导航条内的内容就会自动换行,成两行显示,在当前窗口显示出来。请问应该如何解决这个问题啊?
让导航条无论是多大窗口都在一行显示出来。谢谢! 展开
1个回答
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询