Question

用DIV+CSS做的横向导航条，当浏览器缩小时，里面的内容会自动缩到第二行，我要它始终在那一行应该怎么办？

用DIV+CSS做的横向导航条，当浏览器缩小时，里面的内容会自动缩到第二行，我要它始终在那一行应该怎么办？

代码：
<style type="text/css">

#menu {
border:1px black solid;
height:6em;
background:yellow;
}
#menu ul {
list-style:none;
}
#menu ul li{
background:url(button2.jpg) repeat-x;

border:1px solid black;
float:left;
margin:10px 0px;
padding:7px 20px;
}
</style>

<div id="menu">

<ul>
<li>item1<br/>
</li>
<li>item2<br/>
</li>
<li>item1<br/>
</li>
<li>item2<br/>
</li>
<li>item1<br/>
</li>
<li>item2<br/>
</li>
<li>item1<br/>
</li>
<li>item2<br/>
</li>
<li>item1<br/>
</li>
<li>item2<br/>
</li>
<li>item1<br/>
</li>
</ul>

</div>

Answer 1

很简单,那是因为你的外层div没有指定宽度,如果没有指定宽度,浏览器采用的是相对比例,会自动换行.

#menu {
border:1px black solid;
height:6em;
background:yellow;
width:1200px;//加上这个.你在笔记本上开发的吧?我用1000直接就换行了.
}