<BODY> 100% jquery

<BODY> 100% jquery

by Andy Blueman

HTML

<body>
    <div id="DivID"></div>
</body>

CSS

* {box-sizing: inherit}
html { height:100%; width:100%; } 
body { 
    width:600px;
    height: 500px;
    display:inline-block;
    box-sizing: border-box;
    margin:0px;
    padding:0px;
    border:1px solid red;
}

*, *:before, *:after {
    box-sizing: inherit;
}
#browserInfo, #browserInfo2 {
    display:inline-block;
    padding:8px;
    border:1px solid blue;
    width:300px;
}

JavaScript

function readyresize() {
    var pirate = $("contentWrap").height();
    $('#DivID').css({
        height: pirate,
        margin: 0,
        padding: 0
    });
};
$(window).ready(readyresize);
$(window).resize(readyresize);