如何去除侧栏中的多余空间

Question

我正试图制作一个taco bell网站的复制品，只是为了好玩和挑战，而复制品网站是私人的，所以没有人会看到它，不管怎样，我正在尝试制作一个侧栏，它一直很好，直到这个额外的空间(https://i.stack.imgur.com/Eck5L.jpg)出现在侧栏中，这是我的css代码(也是我的初学者(：

.nav {
height: 84%;
width: 150px;
max-height: 84%;
position: fixed;
z-index: 1;
top: 137px;
left: 0;
background-color: #111;
max-width: 100%;
overflow-x: hidden;
padding-top: 0px;
padding: 0px;
padding-bottom: 0px;
min-width: 150px;
margin-bottom: 0px;
}

Answer 1

尝试使用display:inline block，它会更好地工作，因为它会转换成具有block元素属性的inline元素，但也要确保修复最大高度和最大宽度的东西，因为它们可能是造成空间的原因。