JSFiddle - React, Tailwind, and code Playground

by OwenMelbz

HTML

<html>
<head>
</head>
<body>
    <div id="stuff"></div>
</body>
</html>

CSS

#stuff {
 height:50px;
background-color:lime;    
}body {margin-top:-20px; padding-top:15px;}

#scl {
 width:100%;
height:30px;
 background-color: red;
    z-index:99999;
}

JavaScript

$(function(){
    
    var bodymargin = parseInt($('body').css('margin-top'));
    var bodypadding = parseInt($('body').css('padding-top'));
    var cookiehtml = '<div id="scl">cookie law</div>';
    
    $('body').prepend(cookiehtml).css({'margin-top':0, 'padding-top':0});
    $('#scl').css('margin-bottom', bodypadding+bodymargin);
    
    
    console.log(bodymargin, bodypadding);
});