생활 웹디자인

마진통합

토픽 생활 웹디자인 > 외양의 CSS > CSS Reference

수직 마진 (top, bottom)

  1. 인접한 요소들의 수직 마진(top, bottom)은 통합됩니다.
  2. 인접한 두 요소의 마진값이 다르다면 마진값이 큰쪽으로 통합됩니다.
  3. 마진은 음수값을 가질 수 있는데 양수마진과 음수마진을 합산한 만큼의 수직마진을 가질 수 있습니다.

<마진이 통합됩니다>
마진이 통합됩니다

<마진이 큰쪽으로 통합됩니다>

 

 

수평 마진 (right, left)

1. 수평 마진(right, left)은 통합되지 않습니다.

2. 요소들이 플로팅되거나, 상대적 위치 혹은 절대적 위치의 요소들도 수평은 물론 수직마진들도 통합되지 않습니다.

 

댓글

댓글 본문