我如何擺脫網站頂部和導航欄（引導程序）之間的空白區域

Question

當我嘗試將導航欄設為靜態時，我遇到了一些奇怪的事情。 我的導航欄和網站的頂部之間有一個空格。

在此處輸入圖片說明

關於如何解決此問題的任何想法，以便我的導航欄可以代替開放空間？ （我不善於解釋我所知道的事情...。）

    <body>
    <div id="wrapper">
        <div class= "navbar navbar-inverse navbar-static-top">
            <div class="container">
                <a href="#" class="navbar-brand">BlahBlahism</a>

                <button class="navbar-toggle" data-toggle = "collapse" data-target= ".navHeaderCollapse">
                    <span class = "icon-bar"></span>
                    <span class = "icon-bar"></span>
                    <span class = "icon-bar"></span>
                </button>   
                <div class="collapse navbar-collapse navHeaderCollapse">
                    <ul class="nav navbar-nav navbar-right">
                        <li><a href="index.html">Home</a></li>
                        <li><a href="contact.html">Contact</a></li>
                    </ul>
                </div>
            </div>
        </div>

沒有涉及CSS

Answer 1

當我嘗試運行時，此代碼工作正常。 但您仍然應該嘗試使用它。 某些版本的Internet Explorer不支持類導航或導航欄，請檢查

希望這會有所幫助

body, html {
  margin: 0px;
  padding: 0px;
}

Answer 2

我不知道您的代碼說了什么，但是我猜測它與所討論元素的默認行為有關。

可能的解決方案：制作一些CSS並刪除填充和/或邊距。

<style>
#theNavbarID{
    padding: 0px;
    margin: 0px;
}
</style>

發布一些代碼，如有需要，我將在其上進行擴展。

編輯：代碼工作正常，您可以在這里嘗試： JSFiddle

我如何擺脫網站頂部和導航欄（引導程序）之間的空白區域

問題描述

2 個解決方案

解決方案1
2 已采納 2015-05-27 12:27:22

解決方案2
1 2015-05-27 12:07:18

我如何擺脫網站頂部和導航欄（引導程序）之間的空白區域

問題描述

2 個解決方案

解決方案1 2 已采納 2015-05-27 12:27:22

解決方案2 1 2015-05-27 12:07:18

解決方案1
2 已采納 2015-05-27 12:27:22

解決方案2
1 2015-05-27 12:07:18