Question

我现在在网站上工作，我刚开始使用标题。但由于一些奇怪的原因，它在顶部提供了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;
}

我找不到保证金，可以吗？我很困惑它来自哪里。

Answer 1

我找到了答案：

如果它在您的网站上展示，请打开您的用户个人资料（用户＆gt;您的个人资料）并取消选中“在前方显示”选项，使其消失。

但感谢你的帮助！

干杯

Answer 2

我认为你正在使用wordpress，这是与管理员顶部栏相关的东西，可以通过插件禁用，但css规则仍然启用。

标有！important 的CSS规则优先于后来的规则。

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

html {
    margin-top: 0px !important;
}

很奇怪！重要的保证金

2 个答案: