响应式菜单中的一致列表项高度

Question

我在响应式网站上遇到菜单问题，并想知道是否有人可以提供建议。

如果屏幕宽度的大小是某些菜单项位于两行而另一行是一行，则黑色菜单分隔符不会一直显示在底部。

100％的高度似乎无法正常工作我尝试添加...

ul {display:table}

li {display:table-cell}

https://jsfiddle.net/k_2_j/obzj8f8m/4/

100％的高度似乎无法发挥作用。

Answer 1

你可以尝试

display: inline-block;