html - 絶対配置で親を調整しない身長

Question

私はこれについてかなりの量の読書をしましたが、仕事に取り掛かることができる答えを見たことはありません. 親の div の高さを、絶対に配置された list-item の高さに合わせることは可能ですか?

今のところ、大量のマージンを追加することで補償しました..本当に大きい..しかし、それはここでの正しい解決策ではありません。

HTML は次のようになります。

<div class="home-section products">
  <div id="gallery-container">
    <ul>
      <li class="one"><img src="showcase-five.jpg"></li>
      <li class="two"><img src="showcase-four.jpg"></li>
      <li class="three"><img src="showcase-one.jpg"></li>
      <li class="four"><img src="showcase-three.jpg"></li>
      <li class="five"><img src="showcase-two.jpg"></li>
    </ul> 
  </div>
</div>

.home-section をその高さに適応させるには、li の高さが必要です。

開発サイトへのリンクを投稿することが許可されている場合は、喜んで共有し、問題のコードを調査できるようにします。

ありがとう