css 마진병합이 스펙? 정보
css 마진병합이 스펙?본문
누구나 css를 처음접할때 마진병합 현상을 보고
뭔가 이상하다고 생각, 왜 이렇게 동작하지? 라는 생각을 했을껍니다.
저도 그랬고 제가 봐온 다른사람들도 그랬고.
그래서 누군가에게 도움을 청하거나 검색을 하거나해서 해결법을 얻곤 하는데
이런 행위가 필요한건가? 마진병합이 없는게 훨씬 자연스러운 동작이 아닌가? 라는 생각이 들더군요
이러한 이유로 개인적인 생각 적어보고자 합니다
https://codepen.io/anon/pen/EJMJLL
↑마진병합현상
없어어될 혼란만 만드는 스펙.
마진병합 이용해서 코드짜면 굳이 이렇게 짜야하나 억지로 짜맞추는 기분이듬.
유지보수 어려워짐.
위 이유등으로 마진병합 없애기위해 다른수단사용 → 애초에 마진병합이 없었으면 됐음
형제요소 끼리 맞닿는 마진병합 현상은 그나마 나은데 부모 자식간에 마진병합현상은....
이젠 뭐 그러려니 하고 쓰지만 동작보면 아직도 코미디가 따로없네요
차라리 버그라고 하는게 자연스럽죠
뭐 어떤부분에선 이점이 있기때문에 만든거겠지만 단점이 이점을 뛰어넘은게 아닌지..?
추천
2
2
댓글 3개
처음 기획한 사람의 어떠한 의도가 있지 않았을까요?
div는 분할요소로 아무것도 하지 않으면 레이아웃에 아무 영향을 주지 않습니다.
.c2 에서 padding:1px 0 이란 스타일이 정의 되었기에 비로서 자식오브젝의 영향을 받아서 height :120px 란 값을 가지게 된 것입니다.
.c2 에서 padding:1px 0 이란 스타일이 정의 되었기에 비로서 자식오브젝의 영향을 받아서 height :120px 란 값을 가지게 된 것입니다.