Web
마진 상쇄(margin collapsing)
분명 margin top(또는 margin bottom)을 먹였는데... 왜죠 왜 사라지는거죠;; '마진 상쇄(Margin collapsing)'가 일어나는 원인을 알아보고 아래 사진처럼 대참사가 일어나지 않게하는 방법을 찾아보자. …
#css
4 posts
Web
Containing Block(CB), Position, zIndex
(position: fixed를 설정한)A레이아웃 아래를 지나가야할 (position: relative를 설정한) B레이아웃이 아무렇지 않게 위를 지나갈때의 그 당황스러움이란,,, 1. Containing Block(CB) 1 1 의…
Web
블록 서식 맥락(block formatting context)
요소의 박스보다 내용이 길어질 경우 어떻게 보여줄 것인가? 이와 관련된 개념으로 블록 서식 맥락(block formatting context; 이하 'BFC')에 대해 살펴보고 BFC가 생성되는 overflow의 상황을 살펴보고자 한…
Web
HTML과 CSS파일의 연결
CSS? = HTML tag에 디자인을 입혀주는 것 HTML과 CSS파일의 연결: 1. HTML document에 CSS파일 불러오기 : HTML file과 CSS file과의 관계를 설명 2. HTML에 CSS적용는 방법(in CS…