如何在 div 底部捕捉 div

Question

我有一个包含 4 个元素的 div。其中一个元素是一个 div 按钮。我想将 div 按住按钮捕捉到父 div 的底部。

我正在尝试基线和弯曲端技术，但盒子仍然不会卡到底部。有人知道我能做些什么来解决这个问题吗？

<div>

  <div className={styles.servicesHeaderBox}>
    <h1 id="about">Services</h1> {/*AUTO SCROLL ON CLICK FROM NAVABAR*/}
  </div>

  <section className={styles.servicesMain}>
    <div className={styles.servicesContent}>
      <div>
        <img src={capeCod} alt="" srcset="" />
        <h2>Social Media Marketing</h2>
        <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Repudiandae quasi elit. Repudiandae quasi</p>
        <div>
          <button>View Work</button>
        </div>
      </div>
      <div>
        <img src={capeCod} alt="" srcset="" />
        <h2>Photography</h2>
        <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Repudiandae quasi elit. Repudiandae quasi</p>
        <div>
          <button>View Prints</button>
          <button>View Portraits</button>
          <button>View Headshots</button>
          <button>View Real Estate</button>
        </div>
      </div>
      <div>
        <img src={capeCod} alt="" srcset="" />
        <h2>Video</h2>
        <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Repudiandae quasi elit. Repudiandae quasi </p>
        <div>
          <button className={styles.buttonBox}>View Video</button>
        </div>
      </div>
    </div>
  </section>

</div>