본문 바로가기

나는 엔지니어/HTML

브라우져의 마진 (margin) 계산

브라우저가 두 개의 인라인 엘리먼트를 인접해 놓고 있을때

각각 엘리먼트의 마진은 개별로 계산한다.

즉,마진이 10인 인라인 엘리먼트를 가지고 있고 그 오른쪽에 있는 인라인 엘리먼트의 왼쪽 마진이 20이라면 , 그들 사이의 마진은 30이 된다. 


브라우저가 두 개의 블록 엘리먼트를 위/아래로 놓을때.

각각 엘리먼트의 마진은 합쳐지면 큰 값을 따른다.

즉,마진이 10인 블록 엘리먼트를 가지고 있고 그 아래에 있는 블록 엘리먼트의 위쪽 마진이 20이라면, 그들 사이의 마진은 20이 된다.