title: How to add footer div in React?
body: <p>In my React web app, I have the body as follows in index.html :</p>
  
  <pre><code>&lt;body&gt;
    &lt;div id="root"&gt;&lt;/div&gt;
    &lt;script src="index.js"&gt;&lt;/script&gt;
  &lt;/body&gt;
  </code></pre>
  
  <p>and inside index.js, my render method is as follows:</p>
  
  <pre><code>render(
    &lt;Provider store={store}&gt;
      &lt;Router history={history} routes={routes} /&gt;
    &lt;/Provider&gt;,
    document.getElementById('root')
  )
  </code></pre>
  
  <p>I want to be able to add a footer div inside index.html and index.js so that I could style it properly and keep it at the bottom of my page according to the dynamic height of root. How do I implement a footer div?</p>