Question

当我试图让我的导航栏静止时，我遇到了一些奇怪的东西。我在导航栏和我网站的顶部之间有一个空格。

enter image description here

有关如何解决此问题的任何想法，以便我的导航栏将位于开放空间的位置？（我不善于解释我所知道的事情......）

    <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 个答案: