절대 위치이지만 상위 항목을 기준으로 함

Question

다른 div 안에 두 개의 div가 있고 CSS를 사용하여 하나의 하위 div를 상위 div의 오른쪽 상단에 배치하고 다른 하위 div를 상위 div의 하단에 배치하고 싶습니다. 즉, 두 하위 div에 절대 위치 지정을 사용하고 싶지만 페이지 대신 상위 div를 기준으로 위치를 지정하고 싶습니다. 어떻게 해야 하나요?

예제 HTML:

으아악

Answer 1

으아아아

Answer 2

으아악

이것은 position：absolute意味着“使用top，right，bottom，left 将自己定位到与具有 position:absolute 或 position:relative의 가장 가까운 조상이 위치와 연관되어 있기 때문에 작동합니다. ”

그래서 #father有position:relative，孩子们有position:absolute，然后使用top code> 和 bottom아이의 위치를 ​​찾도록 하겠습니다.