响应式 CSS 菜单 > UL 高度修复

Question

I'm novise in responsive css/html.我尝试实现仅 css 响应式导航，但遇到了问题。

查看代码：这里

在菜单中，我们的服务>分发与下一个菜单项重叠。在 #dropdown ul li ul 中添加overflow:hidden可以在 Firefox 中解决此问题，但在 IE 和移动浏览器中它不起作用。

请帮我解决这个问题。

问候，安德烈

Answer 1

嵌套li从其父级继承以下样式;

#dropdown ul li { height:50px;}

你去掉高度，重叠就会被防止。