元素高度，孩子和父母的组

Question

我正在考虑一些事情，也许这是毫无意义的，但无论如何都要感谢答案。

示例：

HTML：

nav {
  background: white;
  <!-- border-bottom: solid gray 1px; -->
  margin-top: 0;
  width: 100%;
  height: 55px;             /* NAV Height*/
}
.nav-menu {
  display: inline-block;
  float: right;
  margin-right: 3em;
  margin: auto 3em auto 0;
}
.nav-menu ul {
  list-style: none;
  margin: auto 0;
  height: inherit;
}
.nav-menu > ul > li {
  display: inline-block;
  margin: auto 0;
  vertical-align: middle;
  line-height: 55px;       /* NAV Height*/
}

<nav role="navigation"> 
   		<div class="nav-menu"> 
			<ul> 
				<li><a href="#">menu</a></li> 
				<li><a href="#">link</a></li> 
				<li><a href="#">next</a></li> 
				<li><a href="#">previous</a></li> 
				<li><a href="#">before</a></li> 
			</ul>
		</div>  
</nav>

我在想，要改变我的'nav'高度，我只需要更改嵌套的'li'元素高度，但它的结果还不够。

这段代码有问题吗？感谢您的评论。