切换不适用于调整大小

时间:2014-03-22 08:53:42

标签: css css-float

当我调整浏览器大小时,具有主页配置文件等的导航系统应该消失,然后会弹出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>

...我已经自己解决了......感谢所有回复的人

1 个答案:

答案 0 :(得分:1)

.ul替换CSS中的所有ul将解决您的问题。