美文网首页Web 前端开发
css-如何规定某一元素高度等于其宽度

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

作者: 影视会员万事通 | 来源:发表于2016-09-15 18:21 被阅读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. 微信:


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

    相关文章

      网友评论

        本文标题:css-如何规定某一元素高度等于其宽度

        本文链接:https://www.haomeiwen.com/subject/jspbettx.html