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

来源:互联网 发布:python自动化测试虫师 编辑:程序博客网 时间:2024/05/18 16:19

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

 <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


阅读全文
0 0
原创粉丝点击