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

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

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

마진 병합 이해하기

CodePen

마진 병합 이해하기

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

또는

이미 회원이신가요?

2024년 4월 8일 오전 6:21

댓글 0

    함께 읽은 게시물

    백로그의 재해석

    백로그는 우리가 짊어질 필요가 없는 무거운 것이다. 수십개에서 시작해서 결국 수백개에 이르는 우리 모두 절대 할 일이 없어보이는 태스크들이다. 쌓여가는 무더기는 실제로는 그렇지 않음에도 우리가 늘 뒤쳐져가는 느낌을 준다. 누군가가 한분기 전에 중요하다고 생각했던 아이디어라고 할지라도, 그게 우리가 매번 들여다보고 또 볼 필요가 있다는 걸 의미하지 않는다. 백로그는 엄청난 시간 낭비를 초래한다. 지속적으로 리뷰하고 우선순위를 매기는 일들이 지금 정말 중요한 일을 진행하는 것을 방해한다.


    Crash 제대로 감지하고 다루기

    A

    ... 더 보기

    Crash 감지하고 다루기

    iOYES

    Crash 감지하고 다루기

    Electron에 대해 사람들이 잘못 알고 있는 것들

    ... 더 보기

    (번역) Electron에 대해 사람들이 잘못 알고 있는 것들

    velog.io

    (번역) Electron에 대해 사람들이 잘못 알고 있는 것들

     • 

    저장 24 • 조회 3,360


    이번주는 아미고(Ameego)의 몇몇 주요한 버그 수정과 푸시 시스템을 구현했습니다.


    🎁 아미고(Ameego) 다운로드: http://tosto.re/ameego


    ... 더 보기

    조회 3,160


    🗞️ 간밤에 구글이 Gemini 2.5 Pro를 출시했는데요. 벤치마크 상으로는 GPT-4.5와 Claude 3.7 의 성능을 크게 뛰어넘는 결과를 보여줍니다. 특히 코딩능력이 매우 크게 향상되었는데요.

    ... 더 보기

     • 

    저장 8 • 조회 2,846


    '혼자'가 아닌 '함께'

    "

    ... 더 보기

    '혼자'가 아닌 '함께'

    Brunch Story

    '혼자'가 아닌 '함께'

     • 

    저장 13 • 조회 828