JSFiddle - React, Tailwind, and code Playground

HTML

<!DOCTYPE html>
<html>
<head>
</head>
<body>
<div id="divHeadder">
    headder
</div>
<div id="divContent">
<iframe src="http://www.weather.com"></iframe>
</div>
</body>
</html>

CSS

html, body 
{ 
    height: 100%;
    margin:0px;
    padding:0px;    
} 

#divHeadder
{
    height:25px;

}
#divContent
{    
box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing:border-box; /* Safari */
height:100%;
width:100%;
margin-top:-25px;
padding-top:25px;
overflow:hidden;    
}
iframe
{
    width:100%;
    height:100%;
}