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

Question

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

如果屏幕宽度的大小使得某些菜单项位于两行而其他菜单项位于一行，则黑色菜单分隔线不会一直延伸到底部。

100% 高度似乎不起作用我已经尝试添加...

ul {display:table}

li {display:table-cell}

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

100% 高度似乎行不通。

Answer 1

你可以试试

display: inline-block;