电脑导航栏放顶部（怎么收起文件夹顶部导航栏）
本文目录一览：
- 1、电脑下面的任务栏跑到上面去了怎么办？
- 2、怎么将导航栏始终固定在窗口顶部?
- 3、如何保证顶端浮动导航栏在中心位置
- 4、电脑的那个菜单栏跑到上面去了,怎么让他下来
- 5、html如何实现pc端导航栏在顶部手机端导航栏在左侧
- 6、怎么将导航栏始终固定在窗口顶部
电脑下面的任务栏跑到上面去了怎么办？
把任务栏还原到屏幕下端的具体方法如下：
方法
1、单击鼠标右键，打开“个性化”。
2、点击页面中的“任务栏”。
3、选择任务栏在屏幕上的位置，单击它。
4、随后出现多种不同的任务栏位置模式，在这里选择“底部”。
5、这样任务栏就被成功还原到屏幕下方了。
怎么将导航栏始终固定在窗口顶部?
以下代码已经实现了需要的功能，导航条固定在了网页的顶部，这个主要是使用position:fixed，然后将top值设置为0即可。
!DOCTYPE html html head meta charset="utf-8" meta name="author" content="" / title固定在窗口顶部/title style type="text/css"*{
padding:0px;
margin:0px;}body, ul, li{
background-color:white;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
text-align:center;}#main{
width:20px;
height:1000px;
margin:0px auto;
background-color:#CCC;}#nav{
width:500px;
margin:0px auto;
position:fixed;/*固定作用*/
top:0px;
left:490px;
/*ie6下样式，加下划线表示只针对ie6 的hack */
_position:absolute;/* 把导航栏位置定义为绝对位置 关键*/
_top:expression(documentElement.scrollTop + "px"); /* 把导航栏位置放在浏览器垂直滚动条的顶端 关键 */
z-index:9999; /* 让导航栏浮在网页的高层位置，遇到flash和图片时候也能始终保持最外层 */
text-align:left;}a{
color:#000000;
text-decoration:none;}.menu{
width:120px;
height:18px;
margin:0px 4px 0px 0px;
background-color:#F5F5F5;
color:#999999;
border:1px solid #EEE8DD;
padding:6px 0px 0px 0px;
overflow-y:hidden;
cursor:hand;
display:inline;
list-style:none;
font-weight:bold;
float:left;}/style/headbodydiv id="nav"
ul
li class="7785-e710-6b9b-2a3d menu"a href="#"前台专区/a/li
li class="e710-6b9b-2a3d-b8cd menu"a href="#"后台专区/a/li
li class="6b9b-2a3d-b8cd-87fb menu"a href="#"交流专区/a/li
/ul/divdiv id="main"大家拖动滚动条下吧 我很长 这样就能看到导航栏固定的效果了 /div/body/html
如何保证顶端浮动导航栏在中心位置
这个需要用到css的position属性。如下这个示例： 假设导航的class为nav，将其固定在页面顶部可以这样写： .nav{width:100%;height:30px;position:fixed;top:0;left:0;} 其中高宽请根据实际情况修改。
电脑的那个菜单栏跑到上面去了,怎么让他下来
解决方法：
1、右击任务栏选属性，去掉“锁定任务栏”前的勾选，按应用。
2、用鼠标沿上边的下沿，用鼠标将任务栏向下拖回原位。
3、再右击任务栏选属性，勾选“锁定任务栏”，按应用即可。
html如何实现pc端导航栏在顶部手机端导航栏在左侧
需要借助z-inde来指定叠放次序，z-index值高，block居于顶部，因此将导航栏的z-index设置为2，侧边栏的z-index设置为1。
先简单说一下原理，我们需要用到css中position:fixed这一属性，在默认状态下，当不指定block的相对居中位置时，它会自动居于浏览器左侧，并且固定在此。因此，我们需要将导航栏的长度拉伸到100%，并且给予一个高度，在我的界面中，其高度为50px(我的网页并不是直接指定，而是通过padding以及字的高度填充，这里进行简化)。同理，对于侧边栏同样可以使用position:fixed这一属性来固定。同时设置一个固定长度350px，其高度设为100%。由于设置这一属性会破坏页面的流式结构，两个block会出现重叠的现象。因此，需要借助z-inde来指定叠放次序，z-index值高，block居于顶部，因此将导航栏的z-index设置为2，侧边栏的z-index设置为1。 所以此时，内容模块必须相对于浏览器的左侧与顶部做一定的空位，否则会被挡住。
综上，CSS可以写成下面这样。
怎么将导航栏始终固定在窗口顶部
具体方法如下：
在很多的网站导航栏或者类似于导航栏的一些功能一直能够固定在网页的顶部，就算是下拉滚动条也不会被窗口所遮挡，这样的功能往往非常的使用，下面就简单介绍一下如何实现此种功能。先看一段代码实例:
!DOCTYPE html
html
head
meta charset="utf-8"
meta name="author" content="" /
title蚂蚁部落/title
style type="text/css"
*{
padding:0px;
margin:0px;
}
body, ul, li{
background-color:white;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
text-align:center;
}
#main{
width:20px;
height:1000px;
margin:0px auto;
background-color:#CCC;
}
#nav{
width:500px;
margin:0px auto;
position:fixed;/*固定作用*/
top:0px;
left:490px;
/*ie6下样式，加下划线表示只针对ie6 的hack */
_position:absolute;/* 把导航栏位置定义为绝对位置 关键*/
_top:expression(documentElement.scrollTop + "px"); /* 把导航栏位置放在浏览器垂直滚动条的顶端 关键 */
z-index:9999; /* 让导航栏浮在网页的高层位置，遇到flash和图片时候也能始终保持最外层 */
text-align:left;
}
a{
color:#000000;
text-decoration:none;
}
.menu{
width:120px;
height:18px;
margin:0px 4px 0px 0px;
background-color:#F5F5F5;
color:#999999;
border:1px solid #EEE8DD;
padding:6px 0px 0px 0px;
overflow-y:hidden;
cursor:hand;
display:inline;
list-style:none;
font-weight:bold;
float:left;
}
/style
/head
body
div id="nav"
ul
li class="2a3d-b8cd-87fb-e10c menu"a href="#"前台专区/a/li
li class="b8cd-87fb-e10c-65d5 menu"a href="#"后台专区/a/li
li class="87fb-e10c-65d5-9885 menu"a href="#"交流专区/a/li
/ul
/div
div id="main"大家拖动滚动条下吧 我很长 这样就能看到导航栏固定的效果了 /div
/body
/html
上面的代码已经实现了需要的功能，导航条固定在了网页的顶部，这个主要是使用了position:fixed，然后将top值设置为0即可，但是仅仅使用position:fixed还是不够，因为IE6浏览器并不支持，所以还需要进行浏览器兼容性设置，那就是添加以下代码即可:
_position:absolute;/* 把导航栏位置定义为绝对位置 关键*/
_top:expression(documentElement.scrollTop + "px"); /* 把导航栏位置放在浏览器垂直滚动条的顶端 关键 */
