<style>
.contain{
position: relative;
height: 200px;
padding-left: 200px;
padding-right: 200px;
}
.left{
width: 200px;
height: 150px;    
left:0;
top:0;
position: absolute;
background-color: lime;
}
.right{
width: 200px;
height: 150px;
right:0;
top:0;
position: absolute;
background-color: lime;
}
.center{
width: 100%;
height:100%;
background-color: red;
}
</style>
    


<div class="contain">
    <div class="left"></div>
    <div class="center"></div>
    <div class="right"></div>
</div>

<style>
.contain{
position: relative;
height: 200px;
padding-right: 200px;
}
.right{
width: 200px;
height: 150px;    
right:0;
top:0;
position: absolute;
background-color: lime;
}

.left{
width: 100%;
height:100%;
background-color: red;
}
</style>
    


<div class="contain">
    <div class="left"></div>
    <div class="right"></div>
</div>