画一个正方形还不容易,宽和高相等,不就是一个正方形,宽和高写死又不是我想要的。如果宽和高不写死,如何画一个正方形呢?
首先,我们让div的width为0,padding-top为100%,再用padding把div撑起来,就成了一个正方形。
<style>
div{
width: 0;
padding-top: 100%;
padding: 100px;
border: 1px solid black;
background: red;
}
</style>