`fixed` 요소와 `z-index: 1`에 `margin` 속성을 적용합니다.
P粉986028039
P粉986028039 2023-09-17 21:44:03
0
1
649

목록과 댓글 필드가 있습니다. 댓글 필드는 페이지 하단에 고정되어 있습니다. 목록이 길면 페이지 스크롤이 적용됩니다. 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이 있습니다. 🎜 🎜 으아아아 으아아아 🎜
P粉986028039
P粉986028039

모든 응답(1)
P粉605233764

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

으아악 으아악
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿