javascript - CSS를 사용하여 항상 작은 상자를 큰 상자의 아래쪽에 고정하고 큰 상자의 높이를 100%로 고정하는 방법에 대한 조언 부탁드립니다.

Question

![사진 올리는 중...]

Answer 1

으아악

Answer 2

무슨 뜻인지 추측했는지 살펴보겠습니다

으아악

여기서 래퍼와 콘텐츠의 높이를 동일하게 만들 수 있습니다. 즉, 위치는 상대적입니다. 여기에서 새로 고침 시 float를 사용한 다음 너비와 높이를 설정할 수 있습니다. 새로 고침이 문서 흐름과 분리되었기 때문에 래퍼 높이에는 영향을 주지 않으며 컨테이너는 Overflow:hidden으로 설정됩니다. 너무 위로 당기면 자연스럽게 새로고침이 나옵니다. 이것이 효과가 있을지 모르겠습니다.

Answer 3

가장 멍청한 일은 다음을 달성하기 위해 position:absolute를 사용하는 것입니다.

으아악

*큰 상자의 위치도 설정해야 합니다. 작은 상자의 위치만 비교할 대상을 알 수 있습니다. 상위 노드가 위치를 찾을 수 없으면 찾을 때까지 위쪽으로 계속 검색됩니다. 위치가 있는 DOM 노드

Answer 4

고정 높이 + 음수 여백

Answer 5

큰 p는 절대적 위치, 작은 p는 상대적 위치, 아래쪽은 0이 됩니다. 괜찮지 않나요