<!DOCTYPE html> <html> <head> <title></title> </head> <style type="text/css"> .div{ background: red; width: 20%; overflow: hidden; } .div:after{ content: ''; display: block; margin-top: 100%; } </style> <body> <div class="div"></div> </body> </html>