您可以使用CSS3从height：0过渡到可变的内容高度吗？

您可以使用CSS3从height：0过渡到可变的内容高度吗？

max-height

在过渡中使用，而不是

height

。并设置一个

max-height

比您的盒子所能获得的更大的价值。

#menu #list {    max-height: 0;    transition: max-height 0.15s ease-out;    overflow: hidden;    background: #d5d5d5;}#menu:hover #list {    max-height: 500px;    transition: max-height 0.25s ease-in;}<div id="menu">    <a>hover me</a>    <ul id="list">        <!-- Create a bunch, or not a bunch, of li's to see the timing. -->        <li>item</li>        <li>item</li>        <li>item</li>        <li>item</li>        <li>item</li>    </ul></div>