HTML – 为什么这个菜单包装？

概述我有一个菜单： http://www.spotlesswebdesign.com/dqhendricks/index.html 问题是,当您将窗口调整到足够小时,菜单将开始换行到第二行.我想防止这种情况发生,过去我使用非常相似的CSS而不会出现这个问题.怎么能阻止它包裹？ 这是一些代码： HTML <div id="nav"> <div class="left"></div> 我有一个菜单：

http://www.spotlesswebdesign.com/dqhendricks/index.html

问题是,当您将窗口调整到足够小时,菜单将开始换行到第二行.我想防止这种情况发生,过去我使用非常相似的CSS而不会出现这个问题.怎么能阻止它包裹？

这是一些代码：

HTML

<div ID="nav">        <div ></div>        <div ></div>        <div >            <ul>                <li>                    <a href="#">Home</a>                </li>                <li>                    <a href="#">Experiments</a>                </li>                <li>                    <a href="#">Contact</a>                </li>            </ul>        </div>    </div>

CSS

#nav {    margin: 0 25px;}#nav .left {    float: left;    wIDth: 9px;    height: 38px;    background-image: url('../images/nav/left.png');}#nav .right {    float: right;    wIDth: 9px;    height: 38px;    background-image: url('../images/nav/right.png');}#nav .center {    height: 38px;    margin: 0 9px;    background: url('../images/nav/center.png') repeat-x;}#nav ul {    wIDth: 1000px;    height: 38px;    margin: auto;    padding-left: 2px;    List-style-type: none;    background: url('../images/nav/divIDer.png') top left no-repeat;}#nav li {    display: inline;}#nav a {    display: block;    float: left;    padding: 0 30px 0 28px;    height: 38px;    line-height: 36px;    text-decoration: none;    color: #777777;    background: url('../images/nav/divIDer.png') top right no-repeat;}

解决方法 使用min-wIDth允许它与页面一起增长而不是固定宽度.应该在ie8和所有其他浏览器中工作. ie6可以烧掉. 总结

以上是内存溢出为你收集整理的HTML – 为什么这个菜单包装？全部内容，希望文章能够帮你解决HTML – 为什么这个菜单包装？所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。