<!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>