[toc] ## 初始值 `min-*`初始值为`none`， `max-*`初始值文档上说是0，但用css3动画测试并不能通过，用js获取其值为`auto` ## 超越！important，超越最大 ### 超越!important 通常来说，直接写在元素身上中的样式（行内式）是高于写在style标签中的（内嵌式）， 特别的，`!important`比行内式的权重还高。 但即使是!important+行内式，权重仍然没有`max/min-width`高  ### 超越最大 其中`min-height`的权重比`max-height`还高  ## 任意高度元素的展开收起动画技术 ``` .element{ max-height:0; overflow:hidden; transition:max-height .25s; } .element.active{ max-height:666px; /* 一个足够大的高度值 */ } ``` 注意，如果高度值过大，可能效果上就会延迟得很明显。