title: CSS: min width and absolute positioning
body: <pre><code>&lt;style type="text/css"&gt;
  html, body {
  margin: 0;
  padding: 0
  }
  
  .column1
  {
  position:absolute;
  left:0;
  top:0;
  width:100px;
  background-color:black;
  }
  .column2
  {
  position:absolute;
  left:100px;
  right:100px;
  
  background-color:gray;
  }
  
  .middle {
  
  min-width:900px;
  }
  
  .column3
  {
  position:absolute;
  right:0;
  top:0;
  width:100px;
  background-color:black;
  }
  
  #container
  {
  
  text-align: center; 
  width:100%;
  }
  
  .clearfix 
  {
  position:relative;
  display: inline-block; 
  }
  &lt;/style&gt;
  
  &lt;div id="container" class="clearfix"&gt;
    &lt;div class="column1"&gt;left&lt;/div&gt;
    &lt;div class="column2"&gt;
    &lt;div class="middle"&gt;
    middle
    &lt;/div&gt;
    &lt;/div&gt;
    &lt;div class="column3"&gt;right&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I was wondering if it would be possible for the min-width for the center column would make it so the right column would stick to the screen as it does, but up until the center column is 900px. If it is less than that, the resizing of the window smaller horizontally would just cut-off the right column.</p>
  
  <p>Is this possible with css only?</p>
  
  <p>Thanks so much! </p>