CSS3过渡最大高度：0到最大高度：99999px

Question

你好

我试图与纯CSS3根据一个标签，我知道，过渡不height : 0到height : auto工作，以便即时与max-height : 0尝试到max-height : 99999px。但我不知道为什么不工作。

JSFiddle

Answer 1

试试这个one。

你必须定位一个属性。如果您使用单词all，则会定位所有属性。 Read about it on MDN。

div { 
    transition: <property> <duration> <timing-function> <delay>; 
} 

例子：

.ac-container article { 
    -webkit-transition: 5s all; 
    -moz-transition: 5s all; 
    -o-transition: 5s all; 
    -ms-transition: 5s all; 
    transition: 5s all; 
} 

另一个错误，你忘了一个;在：

.ac-container input:checked ~ article{ 
    max-height:999999px !important /* ; */ 
} 

最后一件事，

如果你使用一个大的值（如999999px）和一个小过渡（如0.5s），过渡可能会奏效，但是你看不到它。

顺便说一句，你不需要关键字!important在这里。