title: Div to fill the remaining space.CSS
body: <p>I have this sample</p>
  
  <p><a href="https://jsfiddle.net/keat2qp3/" rel="nofollow">link</a></p>
  
  <p><strong>CODE HTML:</strong></p>
  
  <pre><code>&lt;div class="nav"&gt;
    &lt;ul&gt;
      &lt;li&gt;Link1&lt;/li&gt;
      &lt;li&gt;Link2&lt;/li&gt;
      &lt;li&gt;Link3&lt;/li&gt;
      &lt;li&gt;Link4&lt;/li&gt;
    &lt;/ul&gt;
  &lt;/div&gt;
  &lt;div class="right"&gt;
    asdasdsa
  &lt;/div&gt;
  </code></pre>
  
  <p><strong>CODE CSS:</strong></p>
  
  <pre><code>.nav{
    float:left;
    display:inline-block;
    width:200px;
    background:red;
  }
  .right{
    background:blue;
    width:80%;
    float:left
  }
  </code></pre>
  
  <p>Can you please tell me how I could have left a div div fixed and the right side of the blue to occupy all the remaining space.</p>
  
  <p>I want the div <code>.nav</code> has always <code>200px.</code></p>
  
  <p>Can you please tell me how to edit CSS code?</p>
  
  <p>Thanks in advance!</p>