这是我的代码<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}当窗口不是最大化时,好像是导航条的宽度不够似的,导航条内的内容就会自动换行,成两行显示,在当前窗口显示出来。请问应该如何解决这个问题啊?让导航条无论是多大窗口都在一行显示出来。谢谢!
问题出在 ID为header 的层。1. header层的宽度的正确写法:width:980px; 问题解决了。(一定要带上单位,不然会有意想不到的错误出现。)2. 还有,去掉代码里的 width=100%,首先这种写法是不正确的。如果在代码里引用CSS 应该是 <div id="header" style="width:980px;"></div>祝好运!