如何确保div中的内容不会被附加到div底部的粘性元素截断？

.container {
  padding-bottom: 60px; /* 根据粘性元素的高度调整 */
}

.sticky-element {
  position: sticky;
  bottom: 0;
}

.sticky-element {
  position: sticky;
  bottom: 0;
}

.content-after-sticky {
  margin-bottom: 60px; /* 根据粘性元素的高度调整 */
}

.container {
  height: calc(100% - 60px); /* 根据粘性元素的高度调整 */
}

.sticky-element {
  position: sticky;
  bottom: 0;
}

document.addEventListener('DOMContentLoaded', function() {
  const stickyElement = document.querySelector('.sticky-element');
  const container = document.querySelector('.container');
  const stickyHeight = stickyElement.offsetHeight;
  container.style.height = `calc(100% - ${stickyHeight}px)`;
});