首页 >web前端 >html教程 >一个关于position: fixed;的问题_html/css_WEB-ITnose

一个关于position: fixed;的问题_html/css_WEB-ITnose

WBOY
WBOY原创
2016-06-24 12:08:031028浏览

我网页的header部分设置成了position: fixed;
正文部分的上端却被header遮住了

#header {    height: 87px;    left: 0;    overflow: visible;    position: fixed;    right: 0;    top: 0;    z-index: 10000;}#header, #footer {    margin: 0 auto;    width: 100%;}

正文部分的css:
#wrapper {    background: none repeat scroll 0 0 #EDF0EB;    height: 500px;    margin: 0 auto;    padding-bottom: 20px;    padding-top: 20px;    position: relative;    width: 1024px;}

问题出在哪里呢


回复讨论(解决方案)

错在你没把HTML贴出

#header 设置了    z-index: 10000;

#wrapper 设置一下 margin-top: 100px;

http://babybang.com/
这个网站没有设置margin-top: 100px;  也是z-index: 10000;   怎么他没有覆盖呢

错在你没把HTML贴出
+是啊。

#wrapper {
    background: none repeat scroll 0 0 #EDF0EB;
    height: 500px;
    margin: 0 auto;
那你这个margin-top 为 0 了啊

#wrapper {
    background: none repeat scroll 0 0 #EDF0EB;
    height: 500px;
    margin: 0 auto;
那你这个margin-top 为 0 了啊 http://babybang.com这个网站的正文  margin-top: 0;也没有遮盖呀

她的body上有
padding-top: 62px;

有人知道么

看来是对牛弹琴了,不是有margin-top就是有padding-top不是明摆着的事吗
你的源码贴全了,让大家看看

声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn