.father { width: 100% } .child { width: 100%; height: 0; padding-bottom: 20%; background: green; overflow: hidden; }
<body> <div class="father"> <div class="child"></div> </div> </body>