JSFiddle - React, Tailwind, and code Playground

HTML

<div id="padre">
    <div id="logo"></div><div id="cuerpo">
  <div id="sliderprincipal">espacio slider</div>
  <div id="prin"></div>
    </div>
</div>

CSS

body{
	font-family:Arial, Helvetica, sans-serif; font-size:12px;
    background: blue;
}
body{margin: 0px;}
html{min-height:auto;}
#padre{
	/*border: 1px #FFFFFF dashed;*/
	width:960px;
	position:relative;
	margin: 0px auto;
	height:auto;
	overflow: hidden;
}
#cuerpo:before,
#cuerpo:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

#cuerpo:after {
    clear: both;
}
#cuerpo {
    *zoom: 1;
}
#cuerpo{
	min-height:700px;
	height:auto;
	top: 35px;
	/*border: 1px #FFF dashed;*/
	position: relative;
	width: 960px;
	margin: 0px auto;
	border-radius: 7px 7px 0px 0px;
	-moz-border-radius: 7px 7px 0px 0px;
	-webkit-border-radius: 7px 7px 0px 0px;
	background-color:#FFF;
}
/*==LOGO==*/
#logo{background:url(logo.png) no-repeat center;
width:377px; height:85px; margin:0 auto; margin-top:5px}


/*===SLIDER===*/
#sliderprincipal{border: 1px #000 solid; width:950px; height:465px; position:relative; margin: 0 auto; top:75px; z-index:2}

/*====PRINL===*/
#prin{
	width:390px;
	height:90px;
	position:absolute;
    background-color: yellow;
    border: solid 2px #CCC;
	right:25px;
	top:650px;
	}