Portfolio1 실습 마지막 부분 white-box 질문있습니다.

[김이주]

강의 그대로 따라 해봤는데 저는 왜 똑같이 안나올까요? 자꾸만 흰색 테두리가 영역을 벗어납니다.

HTML 코드

CSS 코드

 

어제 오늘 2틀동안 10시간 넘게 이것만 보고 있는데 맥북이여서 그런건지 초기설정이 그런건지 통 모르겠습니다 ...ㅠㅠ

[codingapple]

흰 박스는 폭이 100%인데

그 밑에 animation_text 박스는 폭이 80%밖에 안되어서 그런게 아닐까요 아니면 box-sizing 이런게 없거나 그럴수도요 

[김이주]

box-sizing 은 body { box-sizing:border-box;} 로 넣었습니다.

animation_text 박스 폭 100%, 50% 바꿔봐도 똑같습니다.

white_box를 눈대중으로 width:92% height:92% 맞춰보니 흰색 테두리가 틀에는 맞는데

여기서 또 한가지 문제는 테두리가 채워지는 모양이 중심점 기준으로 4방면이 모여드는 동작이 아닌

좌측 상단을 기준점으로 모여드는 동작으로 실행되는 건 뭐 때문일까요?

 

[codingapple]

box-sizing을 body말고 div에 줍시다 

[김이주]

box-sizing이 body가 아니라 div에 넣어야 정상적으로 작동하는거군요 ! 

강의 들으면서 필기 까지 해놨었는데 제가 놓쳤네요 ㅠㅠ 정말 막막했었는데 답변 감사합니다!

[글쓴이]

글