我对我的下拉菜单非常满意,但有一部分我做错了。
关于最后一个菜单项(Switch City),下拉列表的第二层扩展了第一层的背景。
我用它做了一支笔:https://codepen.io/pascalgarrix/pen/byNLEM
我很确定 CSS 中的问题就出在这部分的媒体查询之前:
nav ul ul ul {
position: relative;
/* has to be the same number as the "width" of "nav ul ul li" */
top: -60px;
left: 270px;
如果有人能快速浏览一下,那就太棒了!
附言整个菜单基于这支笔:https://codepen.io/andornagy/pen/RNeydj
最佳答案
你需要给第一层嵌套 li 一个最大高度以防止它增长,但仍然允许溢出
nav ul li ul li:hover, nav ul li ul li ul li:hover {
背景色:rgba(0,0,0,0.2);
最大高度:70px;
}
关于html - 如何修复此第二层下拉菜单背景?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/56012398/