我一直在研究"复选框破解"，这样我就可以只使用CSS3而不使用javascript创建一个移动友好的导航。
我一直在看这个例子：http://codepen.io/TimPietrusky/pen/gqlhA
缩小浏览器的宽度以进入移动导航，而不是点击汉堡图标并突然出现导航，我试图让它向下滑动，然后在用户再次按下图标后再次向上滑动。
我知道我可以使用css3转换属性。我试着将高度设置为UL，并使用：
transition: height 1s linear;
这行不通。我想，如果我将初始高度设置为0，然后在选中复选框后将高度设置为100%，那么它就会起作用。我想不通。我对这处房产很陌生，所以如果有任何帮助，我们将不胜感激。
非常感谢。
我发现转换高度并不总是有效的。尝试使用最大高度代替