Equal height and width

You are viewing an old version of this snippet. View the current version.

Revised by Shannon Briggs 2017-01-17 2a8670a

css

      .wrap{
    width:300px;
    height:400px;
    border:1px solid red;
}

.child{
    width: 50%;
    border:1px solid blue;
}

    

html

      <div class="wrap">
    <div class="child"></div>
</div>

    

javascript

      var cw = $('.child').width();
$('.child').css({
    'height': cw + 'px'
});

    

HTTPS

SSH

You can clone a snippet to your computer for local editing. Learn more.

Snippets