目录

1.效果展示 

 2.代码内容

 3.代码解析

（1）分析inner类写法

（2）分析container类写法

1.效果展示 

 2.代码内容

<div class="item">
    <div class="inner">
        <di class="container"></di>
    </div>
</div>

    .item{
        background:red;
        width:50%;
        margin:0 auto;
    }
    .inner{
        width:100%;
        height:0;
        padding-bottom: 60%;
        position: relative;
    }
    .container{
        position: absolute;
        inset:0;
        background: grey;
    }

 3.代码解析