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

答案:5 悬赏:80 手机版

解决时间 2021-12-18 00:03

提问者网友：听门外雪花风
2021-12-17 19:21

如题

最佳答案

五星知识达人网友：几近狂妄
2022-01-09 23:00

DIV的宽度就设置为50%，然后JS获取DIV的宽度附给高度就行了，

document.getElementById("test").style.height=document.getElementById("test").offsetWidth;

<div id="test" style="width:50%"></div>

全部回答

1楼网友：白昼之月
2022-01-10 03:03

1、获取屏幕的总宽度 2、然后这个宽度的0.5倍，赋值给div的宽度 3、然后将值再赋给div的高度。

2楼网友：青灯有味
2022-01-10 01:46

.panel { display:block; background:#000; width:50%;}var panelWidth = $(".panel").width(); $(".panel").height(panelWidth);<div class="panel"></div>希望能帮到您，谢谢！

3楼网友：怀裏藏嬌
2022-01-10 00:30

有好几种办法，这里说两种，存CSS 第一种 <div style="width:50%;padding-bottom:50%;height:0px;background:#ccc;"> </div> 第二种 <div style="width: 50vw; height: 50vw; background:green;"> </div>

我要举报

如以上回答内容为低俗、色情、不良、暴力、侵权、涉及违法等信息，可以点下面链接进行举报！

点此我要举报以上问答信息