<div class="square4">
伪元素
</div>
<div class="square4">
<!-- 利用绝对定位 -->
<div class="con">伪元素</div>
</div>
<style>
.square4 {
width: 100%;
background: #ccc;
}
.square4:after {
content: '';
display: block;
padding-top: 100%;
}
.con{
width: 100%;
height: 100%;
position: absolute;
}
</style>
————————————————
版权声明:本文为CSDN博主「Zangxjun」的原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接及本声明。
原文链接:https://blog.csdn.net/ztj771299799/article/details/79806769
css 正方形
最新推荐文章于 2023-02-27 09:39:59 发布