`fixed` 요소와 `z-index: 1`에 `margin` 속성을 적용합니다.

Question

목록과 댓글 필드가 있습니다. 댓글 필드는 페이지 하단에 고정되어 있습니다. 목록이 길면 페이지 스크롤이 적용됩니다. fixed 到页面底部。当列表很长时，会应用页面滚动。

我希望列表底部始终与评论字段顶部保持一定的垂直距离。当然，我可以将 margin-bottom 属性应用于 .meaning 类（它形成列表），但是如果注释字段包含 2 或 3 行文本（即，对于设置边距来说太高了）。

因此，在我看来，将 margin-top 设置为 comment 字段更有意义。但是，可能由于评论字段的 z-index: 1 属性，margin-top

목록의 하단이 항상 댓글 필드의 상단에서 수직 거리를 유지하길 원합니다. 물론 margin-bottom 속성을 ​​.meaning 클래스(목록을 형성함)에 적용할 수 있지만 주석 필드에 2~3줄의 텍스트( 즉, 거리에 비해 마진을 너무 높게 설정하는 경우입니다.

🎜🎜그래서 제 생각에는 댓글 필드에 margin-top을 설정하는 것이 더 합리적이라고 생각합니다. 그러나 주석 필드의 z-index: 1 속성으로 인해 margin-top도 작동하지 않습니다. 🎜 🎜 혹시라도 JS Bin이 있습니다. 🎜 🎜 으아아아 으아아아 🎜

Answer 1

요소가 스트림에 유지되므로 position: sticky 替代，然后你可以轻松地设置 margin-top를 사용하세요

으아악 으아악