Html网页中怎么设置导航不随页面滑动消失而始终在同一位置
5个回答
展开全部
需要准备的材料分别有：电脑、浏览器、html编辑器。
1、首先，打开html编辑器，新建html文件，例如：index.html。
2、在index.html中的<body>标签中，输入html代码：<div style="position: fixed; top: 0;right:0;">导航</div>。
3、浏览器运行index.html页面，此时div标签由于fixed的位置类型被固定而不随页面滚动。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐于2016-02-16 · 知道合伙人互联网行家
freezing866
知道合伙人互联网行家
采纳数：145
获赞数：1032
六年网站开发经验，开发过的网站超过百个。擅长B2B、B2C、营销型网站开发。公司网址：www.wangyingshi.com
向TA提问 私信TA
关注
![]()
展开全部
要想网站的导航固定在一个位置，可以使用css中的绝对定位来解决：position: absolute。然后你想定在哪个地方，可以通过top、left、right、bottom来控制方向。举个定位在顶部的例子：
<style>
.dh{
position: absolute;
top: 0px;
z-index:999;
}
</style>
<div class="dh"><ul><li>首页</li><li>关于我们</li><li>联系我们</li></ul></div>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
这个就是绝对定位了，只要给这个div设置position:fixed;这个就是相对于窗口的绝对定位；当然position还有另外三个值：relative、absolute、static（默认）；至于具体的使用可以参考W3C网站，一般学网站建设的都认识这个网站的，具体情况楼主自己可以看看。。。希望对您有帮助~~
来自：求助得到的回答
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
给你的 div 设置 positon:fixed; 再通过top 和 left 来确定位置
本回答被网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（3）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
