Question

求一段HTML代码，使无论页面滚动到哪里，标题栏始终在屏幕顶部。。求此代码，谢谢

Answer 1

<style type="text/css">

body{margin:0;}

.top{position:fixed; top:0; left:0; width:100%; height:20px; background:#FCC;}

.cn{height:1000px; background:#ccc; margin-top:20px;}

</style>

<div class="top">一直固定在顶部</div>

<div class="cn">模拟页面高度</div>

满意请采纳

追问

太谢谢了，可是其他部分的顶端被遮在总是处于顶部的这块底下了，请问大神有没有方法呢？再次谢谢，一定采纳

追答

下面的内容加上margin属性
像上面的.cn里面的margin-top:20px;
这个就不会被遮挡了，

追问

你是说吧.top变成这样？.top{position:fixed; top:0; left:0; width:100%; height:20px; background:#FCC; margin-top:20px;}

追答

<style type="text/css">
body{margin:0;}
.top{position:fixed; top:0; left:0; width:100%; height:20px; background:#FCC;}
.cn{height:1000px; background:#ccc; margin-top:20px;}
/*内容区域添加margin属性，margin-top的大小等于悬浮的大小，top的高度为20，此处也设置20，即可实现div在悬浮的div下面*/
 </style>
<div class="top">一直固定在顶部</div>
<div class="cn">此div为内容区域的父div，只要添加margin属性就可以实现在悬浮div下面，具体大小自己调节</div>

Answer 2

主要是对层的定位 就是要固定的那一层加个position:fixed;就行了 其他的自己设制就好

Answer 3

<style>
.content {
overflow: hidden;
height: 100%;
background-color: black;
color: white;
}
.flow {
overflow: auto;
height: 500px;
width: 100%;
}
</style>
<div class="content">
<div onclick="javascript:history.go(-1);">
head
</div>
<div class="flow">
flow所在的div出现的滚动条不会出现在顶部固定区域
<div style="background-color: red;height: 1000px;" >
1</br>
1</br>
1</br>
1</br>
1</br>
1</br>
1</br>
1</br>
1</br>
1</br>
1</br>
1</br>
1</br>
1</br>
1</br>
1</br>
1</br>
1</br>
1</br>
1</br>
1</br>
1</br>
1</br>
1</br>
1</br>
1</br>
1</br>
1</br>
1</br>
1</br>
1</br>
1</br>
1</br>
1</br>
1</br>
</div>
</div>
</div>

Answer 4

<header style='width:100%;height:50px;background-color:grey;positiqon:fixed;top:0px;left:0px;margin:0px;text-align:center;'>标题</header>