coding/html&css

자식요소에 padding 속성이 적용되지 않는 경우

코딩희송 2022. 5. 24. 21:25

부모에 `display: flex`를 사용해서 레이아웃을 구성할 경우,
자식요소에 padding, margin 속성이 적용되지 않을 경우가 있다.

그럴 때 전체 선택자 요소에 box-sizing: border-box; 속성을 부여하면 자식요소에도 padding, margin이 동작한다.

* {
	box-sizing: border-box;
}