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

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

WBOY
Release: 2016-06-24 12:08:03
Original
1020 people have browsed it

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%;}
Copy after login

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;}
Copy after login

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

source:php.cn
Statement of this Website
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
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template