CodePen

HTML

            
              <div class="group">
  <div class="blue"></div>
  <div class="green"></div>
  <div class="red"></div>
</div>
            
          
!

↑ Insert the most common viewport meta tag

CSS

            
              .group:after {
    content: "";
    display: table;
    clear: both;
}

.blue {
  height:100px;
  width:60%;
  background:blue;
  float:left;
}

.green {
  height:100px;
  width:60%;
  background:green;
  float:left;

}

.red{
  height:100px;
  float:right;
  width:30%;
  background:red;
  position:absolute;
  right:0;
}

  
            
          
!
? ?
? ?
Must be a valid URL.
+ add another resource
via CSS Lint

JS

            
              
            
          
!
Must be a valid URL.
+ add another resource
via JS Hint
Loading ..................