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

标签 css height html-lists

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

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

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

ul {display:table}

li {display:table-cell}

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

100% 高度似乎行不通。

最佳答案

你可以试试

display: inline-block;

关于css - 响应式菜单中一致的列表项高度,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29197008/

相关文章:

css - 应用大于 100% 的最大宽度

javascript - 100% 高度减去 nPx 通过 css 或 jquery

css - 如何将过渡添加到高度,以高度为 :auto? 的 block

html - 使用 CSS 将 <ul> 居中

html - 希伯来语有序列表字母被颠倒

css - Ruby gem 从 PNG 生成 GIF CSS Sprite ?

css - 将鼠标悬停在子菜单(第二个 ul 元素)中的任何 li 元素上时,如何更改第一个 ul li 的颜色 - 只有两个 span 图标?

html - 媒体查询问题

java - 如何计算男性和女性的理想体重范围

css - 将 ul 拆分为列