안형우님의 프로필 사진

안형우

17년차 웹 개발자(2009~)

CSS 개발자라면 마진 병합(Margin Collapse)에 대해 아실 겁니다. 어제 좀 명확한 규칙을 찾아 봤는데요. 경험적으로 알던 것이지만 정리해 보니 재밌네요.

border, padding, inline 콘텐츠 없는 빈 블록 자신의 상하 마진이 병합되는 것도 이 규칙이었군요.

https://codepen.io/mytory/pen/NWmYXag

마진 병합 이해하기

CodePen

마진 병합 이해하기

더 많은 콘텐츠를 보고 싶다면?

또는

이미 회원이신가요?

2024년 4월 8일 오전 6:21

저장 29 • 조회 2,022

댓글 0

    함께 읽은 게시물

    김문수님의 프로필 사진

    김문수

    토스 데이터 엔지니어 | ex-뱅크샐러드

    3일 전

    토스 데이터 직군 집중 채용 - 면접만 봐도 100만원!

    토

    ... 더 보기

    토스 DATA·ML 집중채용

    toss.im

    토스 DATA·ML 집중채용

    저장 2 • 조회 1,542

    K리그 프로그래머님의 프로필 사진

    K리그 프로그래머

    커피한잔 개발자

    3일 전

    진짜 1인 개발자 전성시대

    1

    ... 더 보기

    진짜 1인 개발자 전성시대

    K리그 프로그래머

    진짜 1인 개발자 전성시대

    저장 12 • 조회 1,990

    골빈해커님의 프로필 사진

    골빈해커

    Chief Maker

    하루 전

    📣 Interview Coaching 베타 릴리즈!!

    영

    ... 더 보기
    • ‌
      📣 Interview Coaching 베타 릴리즈!!
    • ‌
      📣 Interview Coaching 베타 릴리즈!!
    • ‌
      📣 Interview Coaching 베타 릴리즈!!

    저장 1 • 조회 1,080

    비슷한 게시물

    주간 인기 TOP 10

    6

    장홍석 스페이스오디티 부대표/CPO

    < 몇 번 졌는지는 중요하지 않다, 인생은 결국 득실차다 >

    7

    황경찬(Boaz) P.E.C CEO

    "AI가 코드를 짜는 시대, 개발자의 가치는 무엇일까요?" 최근

    7

    정종윤 네이버 프론트엔드 개발자

    👻 클라이언트에서 안전한 소셜 로그인 구현을 위한 OIDC와 PK

    9

    박승규 카카오계열사에서 이것저것 만드는 개발자

    책이 출판되기 전 마지막 교정을 하고 있는데... GPT5가 출시

    10

    석민 커리어 코치

    백엔드 개발자 이력서 고민

    추천 프로필