html - 如何扩展我当前的 css 响应式下拉导航菜单？下拉没有按预期工作

Question

目前，我有一个以这种方式工作的下拉菜单:

http://www.feimediasolutions.com/NRA_Website/index_test_menu.html

当您开始将浏览器的大小时调整为智能手机和/或 iPad View 时，我只希望下拉子菜单在展开后将其余菜单项“下推”。目前，子下拉项仅出现在其余菜单项的顶部。

在这种情况下，如何有效地展开下拉菜单？请帮忙，非常感谢，非常感谢!!

Answer 1

@media screen and (max-width: 768px) {
  #colorNav li ul{
    position: relative;
    list-style:none;
    text-align:center;
    /*width:180px;*/
    width: 100%;
    left: -40px;
    top: 45px;
    /*left:50%;
    margin-left:-90px;
    top:70px;*/
    font-family: 'Lato', sans-serif;
    max-height:0px;
    overflow:hidden;

    -webkit-transition:max-height 0.4s linear;
    -moz-transition:max-height 0.4s linear;
    transition:max-height 0.4s linear;
  }
}