오늘도사고뭉치 TIL 15. Position 과 z-index (position: fixed를 설정한)A레이아웃 아래를 지나가야할 (position: relative를 설정한) B레이아웃이 아무렇지 않게 위를 지나갈때의 그 당황스러움이란,,, 특정한 가상의 영역을 가리키는데, 이는 어떤 엘리먼트의 '자식 엘리먼트들이 위치나 크기 등을 결정지을 때 기준으로 사용할 참고 지표' 가 된다. 모든 DOM 엘리먼트는 생성과 동시에 자신과 똑같이 생긴 영역을 만들... 오늘도사고뭉치CSSCSS TIL 16. Margin collapsing(마진상쇄) 즉, 어떤 두 개 이상 블록 요소의 상하 마진이 겹칠 때 어느 한 쪽의 값만 적용하는것을 의미. 인접 형제 박스 간 상하 마진이 겹칠 경우 겹쳐진 두 마진 값을 비교해, 더 큰 마진 값으로 상쇄해 렌더링한다. 1-2-2 빈 블록의 상하 마진이 겹칠 때 height / min-height / padding / border 등 상하로 늘어나는 프로퍼티 값을 명시적으로 주지 않았거나 1-2-3 부... CSS오늘도사고뭉치CSS
TIL 15. Position 과 z-index (position: fixed를 설정한)A레이아웃 아래를 지나가야할 (position: relative를 설정한) B레이아웃이 아무렇지 않게 위를 지나갈때의 그 당황스러움이란,,, 특정한 가상의 영역을 가리키는데, 이는 어떤 엘리먼트의 '자식 엘리먼트들이 위치나 크기 등을 결정지을 때 기준으로 사용할 참고 지표' 가 된다. 모든 DOM 엘리먼트는 생성과 동시에 자신과 똑같이 생긴 영역을 만들... 오늘도사고뭉치CSSCSS TIL 16. Margin collapsing(마진상쇄) 즉, 어떤 두 개 이상 블록 요소의 상하 마진이 겹칠 때 어느 한 쪽의 값만 적용하는것을 의미. 인접 형제 박스 간 상하 마진이 겹칠 경우 겹쳐진 두 마진 값을 비교해, 더 큰 마진 값으로 상쇄해 렌더링한다. 1-2-2 빈 블록의 상하 마진이 겹칠 때 height / min-height / padding / border 등 상하로 늘어나는 프로퍼티 값을 명시적으로 주지 않았거나 1-2-3 부... CSS오늘도사고뭉치CSS