JSFiddle - React, Tailwind, and code Playground

by s4ty

HTML

<div id="test"></div>

CSS

#test{ height: 500px; width: 200px; background-color: #000; color: #fff;}

JavaScript

var height = 300,
    newHeight = $(window).height() - height,
    oldHeight = $('#test').height();

$('#test')
    .css({
        position: 'absolute',
        height: newHeight
    })
    .append('<div>Old: ' + oldHeight + 'x' + $('#test').width() + '</div>')
    .append('<div>New: ' + newHeight + 'x' + $('#test').width() + '</div>')