max-height 实现任意高度元素展开收起

html

        <input id="check" type="checkbox">
        <div class="element">
            <div class="box"></div>
        </div>
        <label for="check" >展开</label>

css

            .box {
                width: 100%;
                height: 800px;
            }
            .element {
                max-height: 0px;
                overflow: hidden;
                transition: max-height 0.25s;
                background: pink;
            }
            :checked ~ .element {
                max-height: 1000px;
            }