让导航条的格式不随界面的变化而变化

本文主要是介绍让导航条的格式不随界面的变化而变化，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

让导航条随着窗口的变化，而格式保持不变：

 <nav role="navigation" class="navbar packt1">
        <div class = "navbar-header">
            <a href="index.html" target="_parent"> 
               <img src="../common/image/logo.jpg" alt="logo" class="img2" />
            </a>
        </div>
        <ul class="nav navbar-nav">
            <li class="active"><a href="index.html" target="_parent"> 首页 </a></li>
            <li><a href="siteeffect.html" target="_parent"> 现场效果 </a></li>
     <li><a href="other.html" target="_parent"> 其他 </a></li>
            <li class="active"><a href="index.html" target="_parent"> 首页 </a></li>
            <li><a href="siteeffect.html" target="_parent"> 现场效果 </a></li>
        </ul>
        <div class = "navbar-right">
            <a href="register1.html" target="_parent"> 注册 </a> &nbsp;&nbsp;&nbsp;&nbsp;
            <a href="#" target="_parent"> 登陆 </a>
        </div>
    </nav>

如上面是一个导航条，包括三个大的div，外层有一个nav。首先设置最外层的nav 的一个固定的宽度，即例如nav{width=1300px};

然后在给内层的navbar-header，ul li，.navbar-right a设置固定的width，height；

要是将导航条封装成一个html文件。利用<object>元素将其引用，要达到导航条的格式不随界面的大小变化而变化，就要将<object>的大小也设置一个固定的width=1300px

这篇关于让导航条的格式不随界面的变化而变化的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！

---