bonobono

css 마진병합이 스펙?

누구나 css를 처음접할때 마진병합 현상을 보고

뭔가 이상하다고 생각, 왜 이렇게 동작하지? 라는 생각을 했을껍니다.

저도 그랬고 제가 봐온 다른사람들도 그랬고.

그래서 누군가에게 도움을 청하거나 검색을 하거나해서 해결법을 얻곤 하는데

이런 행위가 필요한건가? 마진병합이 없는게 훨씬 자연스러운 동작이 아닌가? 라는 생각이 들더군요

이러한 이유로 개인적인 생각 적어보고자 합니다

 

https://codepen.io/anon/pen/EJMJLL

↑마진병합현상

 

없어어될 혼란만 만드는 스펙.

마진병합 이용해서 코드짜면 굳이 이렇게 짜야하나 억지로 짜맞추는 기분이듬.

유지보수 어려워짐.

위 이유등으로 마진병합 없애기위해 다른수단사용 → 애초에 마진병합이 없었으면 됐음

 

형제요소 끼리 맞닿는 마진병합 현상은 그나마 나은데 부모 자식간에 마진병합현상은....

이젠 뭐 그러려니 하고 쓰지만 동작보면 아직도 코미디가 따로없네요

 

차라리 버그라고 하는게 자연스럽죠

 

뭐 어떤부분에선 이점이 있기때문에 만든거겠지만 단점이 이점을 뛰어넘은게 아닌지..?

|

댓글 3개

처음 기획한 사람의 어떠한 의도가 있지 않았을까요?
div는 분할요소로 아무것도 하지 않으면 레이아웃에 아무 영향을 주지 않습니다.
.c2 에서 padding:1px 0 이란 스타일이 정의 되었기에 비로서 자식오브젝의 영향을 받아서 height :120px 란 값을 가지게 된 것입니다.
버그가 맞다고 생각합니다. ㅋ
정말 괜시리 불편만 초래하는 것 같아요.
https://homzzang.com/b/css-95
댓글을 작성하시려면 로그인이 필요합니다. 로그인

자유게시판

+
제목 글쓴이 날짜 조회
6년 전 조회 1,208
6년 전 조회 1,113
6년 전 조회 1,394
6년 전 조회 1,110
6년 전 조회 1,472
6년 전 조회 1,204
6년 전 조회 1,190
6년 전 조회 1,114
6년 전 조회 1,093
6년 전 조회 1,205
6년 전 조회 1,864
6년 전 조회 1,188
6년 전 조회 1,191
6년 전 조회 1,117
6년 전 조회 1,230
6년 전 조회 2,050
6년 전 조회 1,059
6년 전 조회 964
6년 전 조회 1,844
6년 전 조회 1,115
6년 전 조회 1,108
6년 전 조회 1,232
6년 전 조회 1,120
6년 전 조회 1,125
6년 전 조회 940
6년 전 조회 1,187
6년 전 조회 1,127
6년 전 조회 1,395
6년 전 조회 1,131
6년 전 조회 1,715
🐛 버그신고