想做一个div宽是百分比的正方形，怎么做？求代码
2个回答
展开全部
你20%当然不是正方形了，，，
你宽20%，它是相对于，父级容器的宽度20%，，同理，高也是相对于父级容器的20%，显示器在现在已经没有正方形比例的显示器了，
<!doctype html>
<html>
<head>
<title>nnbabi</title>
<script type="text/javascript" src="http://apps.bdimg.com/libs/jquery/1.7.1/jquery.min.js"></script>
<script>
$(document).ready(
function () {
var w=$("#test").width();//取得宽度
alert(w);
$("#test").height(w);//设置高度为宽度值
});
</script>
<style>
#test{width:20%;margin:0 auto;background:#f00;}
</style>
</head>
<body>
<div id="test">这是一个宽度为20%的DIV</div>
</body>
</html>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
这个百分比是相对于父类的，如
<body>
<div style="width:20%; height:20%;">afasdfasdfasdfa</div>
</body>
这个div的就不可能是正方形，因为body不属于，body属于电脑屏幕的长方形。也就是说用百分比实现正方形，只有你的父类是正方形，长宽使用相同的百分比才能是正方形。
<body>
<div style="width:20%; height:20%;">afasdfasdfasdfa</div>
</body>
这个div的就不可能是正方形，因为body不属于，body属于电脑屏幕的长方形。也就是说用百分比实现正方形，只有你的父类是正方形，长宽使用相同的百分比才能是正方形。
追问
我是想要代码
追答
这种方法的前提，第一个div必须为正方形。或者还有很多方法，就想你说的JS；
本回答被提问者和网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
