Web 前端开发

css-如何规定某一元素高度等于其宽度

2016-09-15  本文已影响182人  影视会员万事通

使用js实现

<script type="text/javascript">
    $(document).ready(function(){
    $('#box1').css('height',$('#box1').css('width'));
})
</script>
<style type="text/css">
#box{
    width: 900px;
    height: 400px;
    border:1px solid red;
}
#box1{
    width:50%;
    border:1px solid green;
}
</style>
<body>
<div id='box'>
<div id='box1'></div>
</div>
</body>

Ps:如果还有其他实现方式,请留言,谢谢。


<h3>The End:</h3>

  1. 我的:简书
  2. 我的:GitHub
  3. 我的:博客
  4. 我的:CSDN
  5. Email:1619153872@qq.com
  6. 微信:


    扫一扫上面的二维码,加我微信

上一篇下一篇

猜你喜欢

热点阅读