Home  >  Article  >  Web Front-end  >  A question about position: fixed;_html/css_WEB-ITnose

A question about position: fixed;_html/css_WEB-ITnose

WBOY
WBOYOriginal
2016-06-24 12:08:031005browse

The header part of my webpage is set to position: fixed;
The upper end of the body part is covered by the header

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

The css of the body part:
#wrapper {    background: none repeat scroll 0 0 #EDF0EB;    height: 500px;    margin: 0 auto;    padding-bottom: 20px;    padding-top: 20px;    position: relative;    width: 1024px;}

Where is the problem


Reply to the discussion (solution)

The mistake is that you didn’t post the HTML

#header settings z-index: 10000;

#wrapper Set margin-top: 100px;

http://babybang.com/
This website does not set margin-top: 100px; It’s also z-index: 10000; Why is it not covered?

The mistake is that you didn’t post the HTML
Yes.

#wrapper {
background: none repeat scroll 0 0 #EDF0EB;
height: 500px;
margin: 0 auto;
Then your margin-top is 0

#wrapper {
background: none repeat scroll 0 0 #EDF0EB;
height: 500px;
margin: 0 auto;
Then your margin-top is 0 The text of the website http://babybang.com margin-top: 0; is not covered either

There is
padding-top: 62px;

on her body. Does anyone know?

It seems that you are talking to a cow. Isn’t it obvious that there is either margin-top or padding-top?
You have posted the complete source code for everyone to take a look

Statement:
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn