如何设置DIV宽度为百分比的正方型
<html><head><title>50%正方形DIV</title><styletype="text/css">html,body{width:100%;height...
<html>
<head>
<title>50%正方形DIV</title>
<style type="text/css">
html,body{width:100%; height:auto; margin:0; padding:0;}
.DIV{width:50%; height:????; } /*如何定义高度，使它成为正方形*/
</style>
</head>
<body>
<DIV class="DIV"></DIV>
</body>
</html> 展开
<head>
<title>50%正方形DIV</title>
<style type="text/css">
html,body{width:100%; height:auto; margin:0; padding:0;}
.DIV{width:50%; height:????; } /*如何定义高度，使它成为正方形*/
</style>
</head>
<body>
<DIV class="DIV"></DIV>
</body>
</html> 展开
展开全部
如果我没记错的话，这个只用CSS应该是不能实现的吧。
应该用javascript才好。
用JS获取一下DIV的宽度，之后再设置高度。
如果你需要的话，你再追问，我给你写一下代码也好。
我的意思，不用在找CSS的设置方法了。
大概就是这样。
应该用javascript才好。
用JS获取一下DIV的宽度，之后再设置高度。
如果你需要的话，你再追问，我给你写一下代码也好。
我的意思，不用在找CSS的设置方法了。
大概就是这样。
更多追问追答
追问
谢谢你的热心回答，JS也可以，代码怎么写？谢谢！
追答
你给你的DIV加一个ID吧，假设就是id="divOne"，那你把下面的代码复制到你的DIV下面应该就行了：
var divOne=document.getElementById('divOne');
divOne.style.height=divOne.offsetWidth+'px';
你先试试看。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
用javascript写，单纯用css实现不了
（方法：获取当前div的宽度，将他的值赋值给高度就可以）
（方法：获取当前div的宽度，将他的值赋值给高度就可以）
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
这个百分比是相对于父类的，如
<body>
<div style="width:20%; height:20%;">afasdfasdfasdfa</div>
</body>
这个div的就不可能是正方形，因为body不属于，body属于电脑屏幕的长方形。也就是说用百分比实现正方形，只有你的父类是正方形，长宽使用相同的百分比才能是正方形。
例如：
<div style=" width:500px; height:500px;border:5px solid red;">
<div style="width:20%; height:20%;border:5px solid blue;"></div>
</div>
这种方法的前提，第一个div必须为正方形。或者还有很多方法，比如用JS；
<body>
<div style="width:20%; height:20%;">afasdfasdfasdfa</div>
</body>
这个div的就不可能是正方形，因为body不属于，body属于电脑屏幕的长方形。也就是说用百分比实现正方形，只有你的父类是正方形，长宽使用相同的百分比才能是正方形。
例如：
<div style=" width:500px; height:500px;border:5px solid red;">
<div style="width:20%; height:20%;border:5px solid blue;"></div>
</div>
这种方法的前提，第一个div必须为正方形。或者还有很多方法，比如用JS；
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（1）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
