Home > Article > Web Front-end > A question about position: fixed;_html/css_WEB-ITnose
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%;}
#wrapper { background: none repeat scroll 0 0 #EDF0EB; height: 500px; margin: 0 auto; padding-bottom: 20px; padding-top: 20px; position: relative; width: 1024px;}
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