[TIL] 2022-03-24 container가 하위 요소의 margin을 먹는 듯한 현상

Facts

프로젝트 개발함

헬스 째고 누워서 유튜브 봄

고등래퍼 김하온 싸이퍼 봄

 

Feelings

감사 일기

김하온의 싸이퍼를 처음 본 경험을 해서 감사합니다.

오늘도 점심 저녁 다 맛있게 먹을 수 있어서 감사합니다.

오늘도 특별히 아픈 곳이 없어서 감사합니다.

피곤하지만 아직 11시인 것에 감사합니다.

 

Findings

container가 하위 요소의 margin을 먹는 듯한 현상

container 하위 요소의 margin-top을 설정했을 때 container 요소 또한 margin이 먹은 것 처럼 내려와서 렌더되었다.

그것은 body의 background-color가 보이는 것으로 알 수 있었고,

개발자도구로 검사한 결과도 그랬었다.

 

container의 margin-top은 0으로 설정 돼있는데 container의 시작이 밀리는 현상.

기억을 더듬다가 position 문제일 것 같아서

container의 position을 absolute로 설정해주었더니 해결

정확히 무슨 원리로 문제가 생기고 해결되는지는 모르겠다. 

Future Action Plans

푹 자기