曲奇饼 发表于 2019-11-1 12:57:00

CSS如何写一个宽度为屏幕50%的正方形DIV

DIV的宽度就设置为50%,然后JS获取DIV的宽度附给高度就行了.
JS方法:
document.getElementById("test").style.height=document.getElementById("test").offsetWidth;
<div id="test" style="width:50%"></div>
纯CSS方法
<div style="width:50%;padding-bottom:50%;height:0px;background:#ccc;">
</div>
<div style="width: 50vw; height: 50vw; background:green;">
</div>



页: [1]
查看完整版本: CSS如何写一个宽度为屏幕50%的正方形DIV