自适应高度

paddingTop

利用paddingTop（百分比）监听父级宽度动态计算高度

预览：DEMO

    .wrap {
    max-width: 500px;
    }

    .inner {
    outline:5px solid red;
    /* 根据父级动态计算高度（自定义：2:1或者16:9） */
    padding-top: 50%;
    position: relative;
    }

    .content {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    /* width: 100%;
    height: 100%; */
    background-color: blue;
    }