네거티브 마진(negative margin) 🚀 네거티브 마진 네거티브 마진이란 말 그대로 margin에 음수 값을 주는 것이다.(margin : -100px) 아니 근데 이게 블로그를 따로 쓸만큼 중요한가요~?라고 생각할 수 있지만 생각보다 알아두면 디자인적으로 유용하게 사용할 수 있고, margin에 대해서 조금 더 심도 깊게 알 수 있어서 네거티브 마진에 대해 글을 쓰게 되었다. 솔직히 백문이 불여일타다닥이니까 바로 예시 코딩해보도록 하겠다. 1. 네거티브 마진 사용 예시 See the Pen Untitled by alstjr5949 (@alstjr5949) on CodePen. 이 뭔가 심심한 디자인을 보고 있으면 (물론 코드펜으로 막 해놔서 못생겼지만) 뭔가 저 이미지를 저 보더라인 밖으로 살짝 빼내는 디자인을 하고 싶어 진다.(아니어도 .. CSS 마진 병합 현상 🚀 마진 병합 현상 어라라 나는 분명 마진 값을 줬는데 맘처럼 여백이 생기지 않는 경우가 있을 수 있다. 이때는 마진 병합 현상이 일어난 것인데 우선 마진 병합 현상에 대해 알아보자 마진 병합 현상 마진 병합 현상은 붙어있는 블록 요소의 상하단 마진이 병합되는 현상을 말한다. 이러한 마진 병합 현상이 일어나려면 조건이 필요한데 마진 병합 현상의 조건 붙어있는 block요소끼리만 일어난다. 좌우는 일어나지 않고 상하단만 일어난다. 아니 알겠는데 이딴게 왜 일어나냐고요!! 그냥 하면 될 것을!!이라 생각할 수 있지만 사실 디자인하기에는 매우 용이하다 ^^ 브라우저야 고마워~ 하지만 원치 않는 마진 병합을 만날 수도 있다. 부모와 자식간의 마진 병합 See the Pen Untitled by alstjr594.. 이전 1 다음
