title: div fixed or sticky position above another div
body: <p>I have in bottom a div with height depend on the data inside it, so I don't know exactly height bottom div. </p>
  
  <pre><code>&lt;div id="BottomOfPage"&gt;I don't know exactly height this div&lt;/div&gt;
  </code></pre>
  
  <p>the problem, I need to have another div with position sticky or fixed above id="BottomOfPage"</p>
  
  <pre><code>&lt;div id="StickyOrFixed"&gt;image link&lt;/div&gt;
  &lt;div id="BottomOfPage"&gt;i don't know exactly height this div&lt;/div&gt;
  </code></pre>
  
  <p>I try but I still can't solve this problem, I search similar problem but I can't find it, maybe I miss it. Please help, thank you.</p>
  
  <p>I try with</p>
  
  <pre><code>#StickyOrFixed{margin-bottom:20px;position:sticky;}
  #StickyOrFixed{margin-bottom:20px;position:fixed;}
  </code></pre>
  
  <p>not work, it need top or bottom position, but I don't know exactly height id="BottomOfPage"</p>