TIL - 마진을 벗어나는 width 잡기(boxSizing)
width가 마진을 벗어나는 이유는
width가 padding 이나 border-width를 포함하지 못할때 발생한다고 한다.
그래서 boxSizing: border-box 같이 설정해준다고 한다.
boxSizing: border-box
그러나 왠일인지 소용이 없었다.
한참을 고민하다가 깨달은 점.
마진(margin)을 어기는 녀석이 있다면, 조용히 부모님을 모셔오자.
자식은 부모의 너비를 이길 수 없다.
부모 엘리먼트에게 마진을 주고 너비의 한계를 주자.
그럼 자식 엘리먼트는 아무리 벗어나려고 해봤자 부모의 너비에서 멈춘다.
이렇게 생각하니 조금 슬프군.
Author And Source
이 문제에 관하여(TIL - 마진을 벗어나는 width 잡기(boxSizing)), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://velog.io/@samiosae/TIL-마진을-벗어나는-width-잡기boxSizing저자 귀속: 원작자 정보가 원작자 URL에 포함되어 있으며 저작권은 원작자 소유입니다.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)