Expand a div to fill the remaining width

Question

I want a two-column div layout, where each one can have variable width e.g.

Answer 1

Check this solution out

.container {
  width: 100%;
  height: 200px;
  background-color: green;
}
.sidebar {
  float: left;
  width: 200px;
  height: 200px;
  background-color: yellow;
}
.content {
  background-color: red;
  height: 200px;
  width: auto;
  margin-left: 200px;
}
.item {
  width: 25%;
  background-color: blue;
  float: left;
  color: white;
}
.clearfix {
  clear: both;
}

  

  
width: 200px

  

    
25%
    
25%
    
25%
    
25%