要使 <li> 元素的高度与 <ul> 元素一致，你可以使用以下方法：
.top_nav ul {
list-style-type: none;
margin: 0;
padding: 0;
overflow: hidden;
border: 1px solid #e7e7e7;
background-color: #f3f3f3;
display: flex; /* 将 <ul> 设置为 flex 布局 */
}
.top_nav ul li {
float: left;
height: 100%; /* 设置 <li> 的高度为父元素 <ul> 的高度 */
}
通过将 .top_nav ul 元素设置为 display: flex; ，可以让其子元素自动填充父容器的高度。然后，将 .top_nav ul li 的高度设置为 height: 100%; 可以使 <li> 的高度与父元素 <ul> 的高度保持一致。
这样设置后，所有的 <li> 元素都会与 <ul> 具有相同的高度，并且继续保持左浮动。
内容由零声教学AI助手提供，问题来源于学员提问
