css - 导航栏和上方图像之间的空白

导航栏不触碰其上方的图像。如果我添加了top: -6px，它将仅停留在该位置，但如果我全屏显示并且可能使用其他分辨率，则该功能将不起作用。

Fiddle

#navbar{
    font-size: 0;
    width: 100%;
    text-align: center;
    list-style-type: none;
    position: relative;
    top-margin: 0;
    padding: 0;
    margin: 0;
    background-color: #212121;
}

最佳答案

看看下面的小提琴：

https://jsfiddle.net/nrvjh64z/1/

我添加了以下内容：

.banner {
  background-image: url("http://static.tumblr.com/ehpu61e/rOYlhep3h/header_thin_2.jpg");
  height:40px;
  width:100%;
}

<div class="banner"></div>

关于css - 导航栏和上方图像之间的空白，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/39941485/