border 등을 넣는 위치

Question

선생님, border, heigjt, width 등을 어디다가 넣어야할지 헷갈립니다.

예를들어 위 내용을

header에 넣어야할지 header > div 태그에 넣어야할지 또는

.btn에 넣어야할지 .btn > span에 넣어야할지

둘다 넣어야할지 잘모르겠습니다ㅠㅜ

Answer

일단 height는 가장 마지막으로 요소에 넣는 것을 기준으로 하세요. 가장 마지막의 자식요소가 커지면 그 위의 부모요소의 높이가 커지고 당연히 그 부모요소의 부모요소의 높이가 자동으로 커집니다.

header에 높이를 넣지 마시고 header > div 에 높이를 넣으세요.

마찬가지로 .btn > span에 높이를 넣으세요.

너비 역시 마찬가지 입니다. 그런데 보더는 경우에 따라 다릅니다.