SOURCE

<div id="wrap">
<div class="center"></div>
<div class="left"></div>
<div class="right"></div>
</div>

html,body{
    height: 100%;
    overflow: hidden;
}

#wrap{
    height: 1000px;
    padding: 0 100px;
    
}

#wrap .center{
width: 100%;
height: 100px;
background: rgb(226, 255, 192);
float: left;
}

#wrap .left{
width: 100px;
height: 100px;
background: pink;
float: left;
margin-left: -100%;
position: relative;
left:-100px;
}

#wrap .right{
width: 100px;
height: 100px;
background: rgb(192, 255, 252);
float: left;
margin-right:-100px;
}