ホームページ > ウェブフロントエンド > htmlチュートリアル > 位置に関する質問: 修正済み;_html/css_WEB-ITnose

位置に関する質問: 修正済み;_html/css_WEB-ITnose

WBOY
リリース: 2016-06-24 12:08:03
オリジナル
1020 人が閲覧しました

Web ページのヘッダー部分は、position:fixed に設定されています。
ボディ部分の上部がヘッダーで覆われています

#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 is set z-index: 10000;

#wrapper Set margin-top: 100px; .com/

この Web サイトは margin-top: 100px; また z-index: 10000; が設定されていません

HTML を投稿していないのが問題です
+ はい。

#wrapper {

背景: なし 繰り返しスクロール 0 0 #EDF0EB;
高さ: 500px;

マージン: 0 auto;

その場合、マージントップは 0 になります

#wrapper {

背景: なし 繰り返しスクロール 0 0 #EDF0EB ;
height: 500px;
margin: 0 auto;
その場合、あなたの margin-top は 0 です。 http://babybang.com のテキストもカバーされていません

ボディはPadding-top: 62px;


誰か知っていますか?

margin-top かpadding-top のどちらかが存在することは明らかではありませんか?みんな見てね

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート