TIL - 마진을 벗어나는 width 잡기(boxSizing)

500 단어 marginwidthmargin

width가 마진을 벗어나는 이유는
width가 padding 이나 border-width를 포함하지 못할때 발생한다고 한다.
그래서 boxSizing: border-box 같이 설정해준다고 한다.

boxSizing: border-box

그러나 왠일인지 소용이 없었다.
한참을 고민하다가 깨달은 점.

마진(margin)을 어기는 녀석이 있다면, 조용히 부모님을 모셔오자.

자식은 부모의 너비를 이길 수 없다.

부모 엘리먼트에게 마진을 주고 너비의 한계를 주자.

그럼 자식 엘리먼트는 아무리 벗어나려고 해봤자 부모의 너비에서 멈춘다.

이렇게 생각하니 조금 슬프군.

좋은 웹페이지 즐겨찾기