当我调整浏览器大小时,具有主页配置文件等的导航系统应该消失,然后会弹出MENU。单击它关闭菜单将带有下面的导航,但关闭菜单的背景扩展高度明智而不是它是..也就是切换后菜单落后于内容和悬停不起作用
我的html如下
<nav class="nav">
<input type="checkbox" id="toggle" />
<label for="toggle" class="toggle" data-open="MENU" data-close="Close Menu" onclick></label>
<ul class="menu">
<li><a href="#">HOME</a></li>
<li class="parent"><a href="#">PROFILE</a>
<ul class="children submenu0">
<li><a href="#">SIZE</a>
</li>
<li class="parent"><a href="#">NATURE</a>
<ul class="children submenu1">
<li><a href="#">SMALL</a></li>
<li><a href="#">MEDIUM</a></li>
</ul>
</li>
</ul>
</li>
<li><a href="#">CONTACT</a></li>
</ul>
</nav>
...我已经自己解决了......感谢所有回复的人
答案 0 :(得分:1)
用.ul
替换CSS中的所有ul
将解决您的问题。