html, css 잘아시는 선생님 계신가요? 높이 질문좀ㅜ

ㅇㅇ(125.242) 2024.09.06 14:58:24

조회 134 추천 0 댓글 19

7ded8027abd828a14e81d2b628f1756463394c

<body>
    <div class="container">
    
    </div>
</body>

-----------------------------------------------------------------

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    width: 100%;
    height: 100%;
   background-color: red;
}

.container {
    width: 100%;
    height: 100%;
    background-color: yellow;
}

div 요소인 container를 사용해 화면 전체를 가득 채우려고합니다.

그래서 처음엔 body에 아무것도 지정하지 않고 container에만 height 100%를 지정했습니다.

100%는 부모 크기를 기준으로 설정하는거라고 배웠습니다.

그런데 100%로 지정해도 아무 변화도 없었어요.

body에 높이를 설정안했으니 높이가 0이겠구나! 라는걸 알아서 body를 height 100%로 지정했습니다.

높이가 변하는걸 눈으로 확인하기 위해 배경색을 지정했고 body에 높이를 지정한 순간 빨간색으로 변했기에

body가 의도대로 화면 전체를 채웠구나라고 생각했고 이후 container도 이제 height 100%로 설정했으니

부모인 body의 높이를 따라 화면 가득 채울거라 생각했습니다. 마찬가지로 container 높이 변화를 눈으로 확인하기 위해 배경색을 노란색으로 지정했습니다.

그런데 아무런 변화가 없습니다. 배경색은 여전히 body의 색상인 빨간색이었어요.

그래서 개발자 도구를 확인했더니 body가 화면은 빨간색으로 가득찼는데 높이는 0으로 되어있습니다..

어떻게 된거가요?

고정닉 0

원본 첨부파일 1

000a.jpg

전체 댓글 0개

등록순

본문 보기

타인의 권리를 침해하거나 명예를 훼손하는 댓글은 운영원칙 및 관련 법률에 제재를 받을 수 있습니다.
Shift+Enter 키를 동시에 누르면 줄바꿈이 됩니다.

갤러리 리스트
번호	제목	글쓴이	작성일	조회	추천
설문	기 세보여도 실제로는 멘탈 약할 것 같은 스타는?	운영자	24/11/04	-	-
2768911	저는 고능아 나트아륨인데요 ㅇㅅㅇ [2]	나트륨찡	11.01	40	0
2768910	담배 한대 빨고 콘서트 2부 시작합니다.	멋진형(58.236)	11.01	36	0
2768908	그렌라간 소용돌이 공식- [1]	프갤러(121.172)	11.01	42	0
2768907	고졸 좆문대 지잡출신 코더 = 노예 아직도 유효하냐? [1]	프갤러(118.235)	11.01	43	0
2768906	프갤가수 ㅡ DAY BY DAY	멋진형(58.236)	11.01	20	0
2768905	방금 전 인스타그램 켜니 첫 게시물	발명도둑잡기	11.01	23	0
2768904	프갤가수 ㅡ 좋은사람	멋진형(58.236)	11.01	20	0
2768903	프갤가수도 잊혀지고싶지않은거야 [10]	멍청한유라ㅋ	11.01	43	0
2768901	인서울,자바,스프링,jsp, 백엔드 ㅇㅅㅇ	류류(118.235)	11.01	43	0
2768900	프갤가수 ㅡ 이 밤이 지나면	멋진형(58.236)	11.01	22	0
2768899	윤 정권, 국민의 손으로 끝내주십시오	발명도둑잡기	11.01	19	0
2768898	프갤가수 ㅡ 너를 위해	멋진형(58.236)	11.01	13	0
2768897	여권·방심위 “나무위키 접속차단 검토”…비판 통제 의도?	발명도둑잡기	11.01	27	0
2768895	공유기 암호 해킹법	발명도둑잡기	11.01	28	0
2768894	나무위키 왜 안돼 ㅇㅅㅇ [2]	ㅇㅇ(112.157)	11.01	54	0
2768893	국비로 취업이 가능한가요?	프갤러(222.101)	11.01	48	0
2768891	담주에 퇴사네 [5]	프갤러(118.235)	11.01	70	0
2768888	DTO,VO,도메인,Entity,커맨드객체 ㅆㅂ애미업네 [2]	ㅇㅇ(211.234)	11.01	50	0
2768887	부처님이 지구를 떠난 이후로 공백이 느껴진다 ㅇㅅㅇ	나트륨찡	11.01	31	0
2768885	나츠아롱이 갤루리입니다 ㅇㅅㅇ	나트륨찡	11.01	18	0
2768884	싷무에서 디비 마니쓰는거몬가요 ㅇ ㅇ?? [4]	ㅇㅇ(211.234)	11.01	42	0
2768883	나님글에 댓글유령장난 ㄴ	♥엄복동냥덩♥	11.01	21	0
2768881	사민주의의 한계는 의료복지 예산을 제약회사가 빼감	발명도둑잡기	11.01	33	0
2768880	운영체제랑 리눅스 중에 뭐부터 공부해야됨? [3]	프갤러(220.116)	11.01	54	0
2768878	나는 지구를 통치하는 자 ㅇㅅㅇ 관리자다 ㅇㅅㅇ	나트륨찡	11.01	14	0
2768876	나씻주준✨	♥엄복동냥덩♥	11.01	19	0
2768875	나님 매일 매일 발전즁❤+	♥냥덩이♥	11.01	32	0
2768874	내가 나를 인정하는데 어떠캄 ㅇㅅㅇ	나트륨찡	11.01	20	0
2768873	나트륨찡이 조언 부탁해 해봤자... [5]	ㅆㅇㅆ(124.216)	11.01	42	0
2768872	내가 원하는 건 인정이 아니야 ㅇㅅㅇ [2]	나트륨찡	11.01	33	0
2768871	오늘 80만원 썼다 [20]	아스카영원히사랑해	11.01	96	0
2768870	나도 인생 망했다	발명도둑잡기	11.01	28	0
2768869	나는 문과 그 자체가 된다 ㅇㅅㅇ	나트륨찡	11.01	24	0
2768868	ㅆㅇㅆ야 나한테도 조언 해줘어 ㅇㅅㅇ	나트륨찡	11.01	18	3
2768867	모든 사람은 타인에 비해서 우월한 점이 있어. 딱국아 [2]	ㅆㅇㅆ(124.216)	11.01	65	1
2768866	윤 대통령 지지율 17%까지 추락 [문화일보 조사] [2]	발명도둑잡기	11.01	23	0
2768865	나는 뭐에 집착함 얘두라 ㅇㅅㅇ	나트륨찡	11.01	19	0
2768864	나님의 실력은 세계 최강인데 ㅇㅅㅇ	나트륨찡	11.01	19	0
2768863	딱국아 열심히 공부하는거 좋게보고 있긴함. 근데 솔직히 [11]	ㅆㅇㅆ(124.216)	11.01	60	1
2768862	나츠아롱이는 초고수인데 어떠캄 ㅇㅅㅇ	나트륨찡	11.01	20	0
2768861	나츠아롱이는 게임 초고수가 될 거럐 ㅇㅅㅇ	나트륨찡	11.01	21	0
2768860	Rx가 좀 치는 애 같다	주갤대사(211.234)	11.01	33	0
2768859	나는 뭐에 집착함 얘두라????ㅇㅅㅇ	나트륨찡	11.01	21	0
2768858	움마 움마	주갤대사(211.234)	11.01	16	0
2768857	나츠아롱이는요 초해커얌 얘두라 ㅜㅜ	나트륨찡	11.01	24	0
2768856	근데 딱국 한테 진지하게 궁금한게 왜 격차<<이거에 집착하냐 [4]	ㅆㅇㅆ(124.216)	11.01	44	1
2768855	예전에 고급 프로그래머한테 질문하고 돈내고 답변 받는	발명도둑잡기	11.01	26	0
2768854	신기술을 배웠는데 기존 코드랑 충돌될때는 어떻게 해야할까	ㅆㅇㅆ(124.216)	11.01	29	0
2768853	냥덩 만화상 이 만화가 대단하당⭐ 8회 수상작	♥냥덩이♥	11.01	20	0
2768852	근데 rx가 딱국 아님?? [6]	40대프린이(118.235)	11.01	57	2