title: HTML Width Percentage
body: <pre><code>#wrapper {
          margin: 0 auto;
          max-width: 1020px;
          width: 98%;
          background-color: #FEFBE8;
          border: 2px solid #878E63;
          border-radius: 2px;
          box-shadow: 0 0 10px rgba(12,3,25,0.8);
  }
  </code></pre>
  
  <p>I am following this tutorial online and it has a div element with the id wrapper which wraps everything that is containing in the body. So:</p>
  
  <pre><code>&lt;body&gt;
  &lt;div id="wrapper"&gt;
  ...
  &lt;/div&gt;
  &lt;/body&gt;
  </code></pre>
  
  <p>It is a tutorial in making a responsive website. I am a little confused on why for the css of the wrapper he includes max-width: 1020px <strong>AND</strong> width: 98%. So is this saying that the div element with the id wrapper will be 98% of 1020px? </p>