DW怎么让导航栏置顶?

 我来答
拒绝回答医疗的
推荐于2019-09-16 · TA获得超过521个赞
知道小有建树答主
回答量:746
采纳率:0%
帮助的人:185万
展开全部
一般来讲实现导航栏指定是采用绝对定位的方式。示例代码如下:
<div class="nav">这里是导航所在的DIV容器。</div>

CSS代码:

.nav{
position:fixed; /* 绝对定位,fixed是相对于浏览器窗口定位。 */
top:0; /* 距离窗口顶部距离 */
left:0; /* 距离窗口左边的距离 */
width:100%; /* 宽度设置为100% */
height:40px; /* 高度 */
z-index:99; /* 层叠顺序,数值越大就越高。页面滚动的时候就不会被其他内容所遮挡。 */
}
设置方式,原理及大致内容请看css代码注释。
sky不用太多sky
高粉答主

2018-05-29 · 醉心答题,欢迎关注
知道大有可为答主
回答量:1082
采纳率:97%
帮助的人:47.9万
展开全部

一般来讲实现导航栏指定是采用绝对定位的方式。示例代码如下:

<div class="nav">这里是导航所在的DIV容器。</div>

CSS代码:

.nav{

position:fixed; /* 绝对定位,fixed是相对于浏览器窗口定位。 */

top:0; /* 距离窗口顶部距离 */

left:0; /* 距离窗口左边的距离 */

width:100%; /* 宽度设置为100% */

height:40px; /* 高度 */

z-index:99; /* 层叠顺序,数值越大就越高。页面滚动的时候就不会被其他内容所遮挡。 */

}

设置方式,原理及大致内容请看css代码注释。

Adobe Dreamweaver,简称“DW”,中文名称 "梦想编织者",最初为美国MACROMEDIA公司开发 [1]  ,2005年被Adobe公司收购。DW是集网页制作和管理网站于一身的所见即所得网页代码编辑器。利用对 HTML、CSS、JavaScript等内容的支持,设计人员和开发人员可以在几乎任何地方快速制作和进行网站建设。 [2] 

Adobe Dreamweaver使用所见即所得的接口,亦有HTML(标准通用标记语言下的一个应用)编辑的功能,借助经过简化的智能编码引擎,轻松地创建、编码和管理动态网站。 [2]  访问代码提示,即可快速了解 HTML、CSS 和其他Web 标准。 [2]  使用视觉辅助功能减少错误并提高网站开发速度。

安装后,它会自动在Windows的菜单中创建程序组。与FrontPage有很大的不同,它把工具栏省去了,然后增加了几个浮动的工具栏。在Dreamwaver3.0中,它的工具栏全是浮动工具栏,可以将工具栏缩小,也可以关闭。在专业术语里面,他们叫“浮动面板”,利用浮动面板来控制对页面的编写,而不是利用烦琐的对话框,这是Dreamwaver3.0编辑网页中最值得人赞赏的特性。通过在浮动面板中进行属性设置,这样就直接可以在文档中看到结果,避免了中间过程,提高了工作效率。但对于熟悉了微软的应用程序的用户来说,开始的时候可能很不习惯。先来介绍它的三个最重要的浮动面板。

已赞过 已踩过<
你对这个回答的评价是?
评论 收起
拒绝回答医疗的
2018-02-01 · TA获得超过521个赞
知道小有建树答主
回答量:746
采纳率:0%
帮助的人:185万
展开全部
一般来讲实现导航栏指定是采用绝对定位的方式。示例代码如下:
<div class="nav">这里是导航所在的DIV容器。</div>

CSS代码:

.nav{
position:fixed; /* 绝对定位,fixed是相对于浏览器窗口定位。 */
top:0; /* 距离窗口顶部距离 */
left:0; /* 距离窗口左边的距离 */
width:100%; /* 宽度设置为100% */
height:40px; /* 高度 */
z-index:99; /* 层叠顺序,数值越大就越高。页面滚动的时候就不会被其他内容所遮挡。 */
}
设置方式,原理及大致内容请看css代码注释。
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
收起 更多回答(1)
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式