title: Is fixed-top/fixed-bottom + inner div's with fixed height the right approach?
body: <p>I am trying to create stackoverflow-style app with fixed menu and footer panels and the inner div which create browser scroll (as necessary).</p>
  
  <p>I just wanted to ask if the following code is right to achieve the mentioned scenario? fixed-top/fixed-bottom are styles from the Bootstrap4. I see that I have to use fixed constants in my HTML/Style code in my approach, is it OK.</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;body&gt;
    &lt;div&gt;
      &lt;div class="fixed-top" style="height: 50px; border: 2px solid black"&gt;
        Header
      &lt;/div&gt;
      &lt;div&gt;
        &lt;div style="height: 50px"&gt;&lt;/div&gt;
        (1) The protection of natural persons in relation to the processing of personal data is a fundamental right. Article 8(1) of the Charter of Fundamental Rights of the European Union (the ‘Charter’) and Article 16(1) of the Treaty on the Functioning of
        the European Union (TFEU) provide that everyone has the right to the protection of personal data concerning him or her.
        &lt;div style="height: 50px"&gt;&lt;/div&gt;
      &lt;/div&gt;
      &lt;div class="fixed-bottom" style="height: 50px; border: 2px solid black"&gt;
        Footer
      &lt;/div&gt;
    &lt;/div&gt;
  &lt;/body&gt;</code></pre>
  </div>
  </div>
  </p>