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

我认为您正在使用 wordpress，这与管理顶栏有关，可以通过插件禁用，但 css 规则仍处于启用状态。

标记为!important 的CSS 规则优先于后面的规则。

要解决此问题，您可以在 css 文件的顶部和底部添加以下代码。但是您必须输入!important以便它覆盖之前的规则。或者，您可以在 html 标记中添加内联样式。

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