删除ul标签下的不需要的空间

Question

我创建了一个 navigationsbar 元素，但是在条形图下面是一些空格，我不知道如何删除它。 div元素应位于 navigationsbar 元素的正下方。你能帮我吗？

This是我的页面。

以下是 navigationsbar 元素的代码：

nav{
    text-align: right;
}

nav > ul{
    margin: 0px;
    padding: 0px;
}

nav ul > li{
    display: inline-block;
    list-style-type: none;
    margin-bottom: 10px;
}

nav ul li > a{
    display: block;
    text-decoration: none;
    color: black;
    padding: 7px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    background:linear-gradient( #FCFCFC, #C8CACB);
    border: 1px solid #CED7E3;
}

nav ul li > a:hover{
    background:linear-gradient( #C8CACB, #FCFCFC);
}

Answer 1

margin-bottom: 10px导致空间的li。删除它，它会没事的。

nav ul > li{
  display: inline-block;
  list-style-type: none;
  margin-bottom: 10px; <------ take out
}