1

私は現在ウェブサイトに取り組んでおり、ヘッダーから始めたばかりです。しかし、何らかの奇妙な理由で、上部に 28px のマージンが与えられます。調べると、これが原因だと言っています：

 media="screen"
    html {
    margin-top: 28px !important;
    }

HTML

<header>
        <div id='header_container'>
            <h1><a href="<?php bloginfo('url'); ?>/"><?php bloginfo('name'); ?></a></h1>

            <?php wp_nav_menu( array("theme_location"=>"main") ); ?>
        </div>
</header>

これはすべて私のcssです

* {
    margin: 0;
    padding: 0;
}

#wrapper {
margin: 0 auto;
width: 960px;
}


header {
    width: 100%;
    height: 81px;
    background-color: grey;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

div#header_container {
    width: 960px;
    margin: 0 auto;
}

div#header_container>h1 {
    margin: 0 auto;
}

div#header_container>h1 {
    font-family: arial;
    font-size: 14px;



}

div#header_container>h1 a {
    background-image: url(images/logo.svg);
    width: 272px;
    height: 19px;
    display: block;
    text-indent: -9999px;
    float: left;

}

/* menu thing */
ul#menu-main-menu {
    list-style-type: none;
}

ul#menu-main-menu>li {
    margin: 0;
    padding: 0;
}

ul#menu-main-menu>li>a {
    display:block;
    float: left;
    padding: 10px;
    margin: 0 5px 0 0;
    text-decoration: none;
}

マージンが見つかりませんよね？私はそれがどこから来たのか混乱しています。

4

2 に答える 2

2

私は答えを見つけました：

それがあなたのサイトで動作している場合は、ユーザー プロファイルを開き ([ユーザー] > [あなたのプロファイル])、[前面に表示] オプションのチェックを外して非表示にします。

しかし、助けてくれてありがとう！

乾杯

于 2012-12-01T10:17:18.467 に答える
0

ワードプレスを使用していると思います。これは、プラグインによって無効にできる管理トップ バーに関連するものですが、css ルールは有効なままです。

!importantとマークされた CSS ルールは、それ以降のルールよりも優先されます。

この問題を修正するには、css ファイルの上部と下部に次のコードを追加します。ただし、前のルールを上書きするように!importantを配置する必要があります。または、html タグにインライン スタイルを追加することもできます。

html {
    margin-top: 0px !important;
}
于 2012-12-01T06:53:25.047 に答える