jquery - 如何消除标题和导航栏之间的差距？

Question

标题图片和导航栏之间有一个奇怪的差距，我不知道如何删除它!

Problem code itself .

<!-- some css settings -->
#banner {
    width: 100%;
    height: 100px;
    margin-bottom: 0;
    margin-top: 0;
}

#nav_bar {
    background-color: #202020;
    margin-bottom: 0;
    margin-top: 0;
    z-index: 100;
}

Answer 1

就个人而言，我只是在导航栏上设置一个负边距，你就可以开始了:

#nav_bar {
    background-color: #202020;
    margin-bottom: 0;
    z-index: 999;
    margin-top: -4px;
}

https://codepen.io/anon/pen/VyMmRP