title: CSS: Width and Max-Width
body: <p>Why does:</p>
  
  <pre><code>width: 98%;
  max-width: 1140px;
  </code></pre>
  
  <p>do the same as</p>
  
  <pre><code>width: 1140px;
  max-width: 98%;
  </code></pre>
  
  <p>The first one makes sense in that I'm saying the width is 98% but don't go larger than 1140px wide. </p>
  
  <p>The second one however would say the page is 1140px wide but then WOULD go as large as the page at 98% right? So e.g past 1140px... but apparently not, as it does the same as the first. </p>
  
  <p>Can someone explain why?</p>