js实现方法就是监听移入移出，获取元素内部的高度，给它赋值，这里就不讲了。

css两个属性可以实现：

1、interpolate-size: allow-keywords;

2、height: calc-size(auto, size);

        .button {
            width: 30px;
            height: 20px;
            text-align: center;
            position: relative;
        }
        .content {
            position: absolute;
            top: 100%;
            left: 0px;
            background-color: pink;
            width: 100px;
            height: 0;
            overflow: hidden;
            transition: .3s;
                 /* 属性一 */
            /* 就是这个属性，支持高度 0 到 auto */
            interpolate-size: allow-keywords;
        }
        .detail {
            padding: 20px;
        }
        .button:hover .content {
            height: auto;
                 /* 属性二 */
                 /* 这个属性也支持，用这个的话就不用 上面的了 */
            height: calc-size(auto, size);
        }