奇怪！重要的保證金

我現在正在網站上工作，我剛剛開始使用標題。但由於一些奇怪的原因，它給了頂部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; 
}

我找不到邊際，你可以嗎？我很困惑它來自哪裏。

來源

2012-12-01 rallybilen

您確定沒有可以包含此規則的另一個.css文件嗎？ – bookcasey

它必須來自另一個樣式表。至少在鉻中，您可以檢查元素並查看樣式減速的右上角。這會告訴你規則所在的文件。你也可以點擊它，它會把你帶到文件中。（交叉手指，並希望它沒有壓縮...這是一個痛苦的解壓縮） –

這可能是您正在使用的編輯器（或IDE）的問題（您可能已經做了一些設置，意外）..只是一個預感。 –

我找到了答案：

如果它在你的網站上演戲了，打開您的用戶配置文件（用戶>個人信息），並取消「在封面顯示」選項，以使其消失。

但是，感謝您的幫助傢伙！

乾杯

來源

2012-12-01 10:17:18 rallybilen

我認爲你使用的是wordpress，這與管理頂部欄有關，可以通過插件禁用，但css規則保持啓用狀態。

CSS規則標記爲！重要優先於以後的規則。

要解決這個問題，你可以在你的css文件中在頂部和底部添加下面的代碼。但是你必須把！重要，所以它會覆蓋以前的規則。或者，您可以在html標籤中添加內聯樣式。

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

來源

2012-12-01 06:53:25

另外，就管理欄而言，您不必使用插件。請參閱[show_admin_bar]（http://codex.wordpress.org/Function_Reference/show_admin_bar）功能。 – gregwhitworth

奇怪！重要的保證金

回答

相關問題