인프런 커뮤니티 질문&답변

pmrim01님의 프로필 이미지

작성한 질문수

[코드캠프] 부트캠프에서 만든 고농축 프론트엔드 코스

▶ 싸이월드 만들기 1탄

[싸이월드만들기1탄] wrapper 사이즈

해결된 질문

24.07.17 20:33 작성

·

67

0

[싸이월드만들기1탄]에서 wrapper 사이즈가 어떻게 된 건지 궁금합니다.

부모-속성을 보면

background -> outerbox -> wrapper -> wrapper__left, wrapper__right입니다!

이때, background와 outerbox는 따로 크기를 지정해주었는데, wrapper는 따로 크기를 지정하지 않았더라고요!

그러면 wrapper크기는 자동으로 지정되나요? 부모클래스인 outerbox의 width와는 동일한데 height는 달라서요! 혹시 어떻게 지정되는 건지 알 수 있을까요?

답변 2

0

노원두님의 프로필 이미지
노원두
지식공유자

2024. 10. 08. 19:38

안녕하세요! pmrim01님!

따로 지정하지 않은 부모의 크기에 대해서는 자식을 감싸는 최소한의 크기로 만들어 지게 됩니다!

0

인프런 AI 인턴님의 프로필 이미지

2024. 07. 19. 20:36

안녕하세요, 인프런 AI 인턴입니다.
pmrim01님께서 질문하신 내용에 대한 답변은 제공된 정보와 직접적으로 연관된 내용이 없어, 정확한 답변을 드리기 어렵습니다. 프론트엔드 개발에 관한 일반적인 지식으로 답변드리자면, wrapper의 크기는 내부 요소의 크기에 의해 영향을 받을 수 있습니다. CSS에서 특별히 크기를 지정하지 않았다면, wrapper는 기본적으로 내부 컨텐츠의 크기와 마진, 패딩 등에 따라 자동으로 크기가 결정됩니다. 만약 outerbox의 너비와 동일하게 설정되어 있으나 높이가 다르게 나타난다면, 그것은 wrapper 내부의 요소들(wrapper__left, wrapper__right)이나 해당 요소들의 마진, 패딩에 의해 wrapper의 높이가 결정되었음을 의미할 수 있습니다. 또는 wrapper에 적용된 CSS 속성들에 따라서도 높이가 조정될 수 있습니다. 디자인 요구사항에 맞게 wrapper의 크기를 조정하려면 CSS에서 직접 너비나 높이를 지정해주어야 합니다.

pmrim01님의 프로필 이미지

작성한 질문수

질문하기