让导航条随着窗口的变化,而格式保持不变:
<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>
<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
原文地址:https://blog.csdn.net/tangxiujiang
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。