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

如题

2024-11-02 17:28:35

推荐回答（5个）

回答1：

有好几种办法，这里说两种，存CSS

第一种

第二种

回答2：

.panel { display:block; background:#000; width:50%;}

var panelWidth = $(".panel").width();
$(".panel").height(panelWidth);

希望能帮到您，谢谢！

回答3：

如果必须div的话，纯css没想到办法

这是jquery在onload的时候，给height赋值为div的width

回答4：

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

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

回答5：

配合JS应该可以实现，JS取得屏宽screen.width就可以了