html 잘아시는 선생님 계신가요? 질문좀 받아주세요

ㅇㅇ(125.242) 2024.09.11 18:05:11

조회 107 추천 0 댓글 4

7ded8024abd828a14e81d2b628f1756f693d61

<body>
    <div class="box1"></div>
    <div class="box2"></div>
</body>

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

html, body {
    width: 100%;
    height: 100%;
}

.box1 {
    width: 50px;
    height: 50px;
    background-color: red;
}

.box2 {
    position: fixed;
    width: 50px;
    height: 50px;
    background-color:blue;
}

여기서 box2에만 fixed를 적용시켰는데, fixed가 적용되면 문서의 흐름에서 제거되고 뷰포트 (0,0)에 배치된다고하던데

했는데 여전히 box1밑에 box2가 위치해 있는데 뭐죠? 챗gpt는 자꾸 fixed 설정하면 0,0으로 간다는데....

해보니까 오프셋 설정하지않고 fixed만 사용하면 정상적인 배치 그 자리에서 fixed가 적용되는것같은데...

뭐가 맞는건가요?

고정닉 0

원본 첨부파일 1

000b.jpg

전체 댓글 0개

등록순

본문 보기

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

갤러리 리스트
번호	제목	글쓴이	작성일	조회	추천
설문	기 세보여도 실제로는 멘탈 약할 것 같은 스타는?	운영자	24/11/04	-	-
이슈	[디시人터뷰] 라이징 스타로 인정받은 걸그룹, ‘리센느(RESCENE)’	운영자	24/11/08	-	-
공지	프로그래밍 갤러리 이용 안내 [79]	운영자	20.09.28	39162	62
2771725	19) 승무원 쌕파 만든썰.jpg	ㅇㅇ(211.236)	13:37	1	0
2771724	19) 꽁떡치기 개쉽노ㅋ.jpg	ㅇㅇ(211.236)	13:33	2	0
2771723	맑고 선선한 가을 주말 우리 프붕이들은 열심히	40대프린이(220.87)	13:31	9	0
2771722	19) 섹 톢 레전드.jpg	ㅇㅇ(211.236)	13:29	3	0
2771714	Rx The Virus의 서클 버튼만 가져와서 리뉴얼 사이트 만들고 있당	프갤러(121.172)	12:41	25	1
2771712	개발 취준방 모집합니다.	ㅇㅇ(180.68)	12:19	19	0
2771711	실무에서 재귀 쓸일 절대 없다 [2]	포항의봄	12:16	60	0
2771710	3040 오늘 뭐하노 ㅇㅅㅇ [4]	포항의봄	12:15	36	0
2771709	이거 재귀말고 답없지않냐? [9]	프갤러(119.172)	12:07	73	0
2771708	도축할 젊은 한남이 없자 노선 틀기 시작한 한녀들	프갤러(113.192)	12:01	39	0
2771707	지금 업계 상황보니깐 닥치고 입사가 맞는듯 [1]	프갤러(39.120)	12:01	28	0
2771706	다시 만들러 가야쥐. [2]	프갤러(121.172)	11:58	38	0
2771705	프론트 고찰-	프갤러(121.172)	11:55	28	1
2771704	설물리도 3대장에 넣어야되겠구나	딱국(118.235)	11:53	15	0
2771703	구현하는 대상도 딱 내가 수학이고 쟨 물리임	딱국(118.235)	11:49	13	0
2771702	Rx 설물리같네. 난 설수리고 ㅇㅇㅇ	딱국(118.235)	11:48	13	0
2771701	길냥이 따라오길레 주워왔음	♥함께일때우린아무것도두려울것이없냥덩♥	11:44	20	0
2771700	저런새끼를 액셀러레이터라고 부르지 [7]	딱국(118.235)	11:40	49	0
2771699	컴공만큼 거품껴있는 학과는 없는 것 같다 [1]	ㅇㅇ(211.36)	11:40	28	0
2771698	저새끼 4차원으로 뻗어나가게 냅둬. 저러다 얻어걸린다	딱국(118.235)	11:39	14	0
2771697	Rx 쟤가 하는걸 바깥에선 메타버스라고 부른다	딱국(118.235)	11:38	15	0
2771696	프붕이들 츤데레 쩌네	ㅇㅇ	11:36	18	0
2771695	크하악! 이거 누가 그렸냐?! [1]	프갤러(121.172)	11:35	46	0
2771694	저새끼 또라이여도 우연히 맞아버릴거임	딱국(118.235)	11:34	14	0
2771693	새벽은 발명도둑잡기 오전은 Rx	프갤러(125.177)	11:34	20	0
2771692	Rx 주식이나 코인발행하면 나한테 제일먼저 알려라	딱국(118.235)	11:32	15	0
2771691	Rx 쟤 해내겠네. 맥을 짚었다. 뭐라도 성공한다 [1]	딱국(118.235)	11:31	19	0
2771690	또 잔다 ~ ㅇㅅㅇ	ㅇㅅㅇ(121.157)	11:23	15	0
2771689	Rx 학문 ] 엔트로피로 보는 다중우주가 틀린 이유-	프갤러(121.172)	11:22	29	1
2771688	가짜개발자들 특) 2진수 8진수 16진수 변환코드 못짬 [1]	프갤러(119.172)	11:21	23	0
2771687	세상 창조. 프로그래밍으로 이뤄내다- Rx	프갤러(121.172)	11:19	31	0
2771686	토요일 아침에 코히를 마십니다. [2]	40대프린이(118.235)	11:18	32	0
2771685	아직도 가짜개발자들 설치고다니냐? [2]	프갤러(119.172)	11:18	37	0
2771684	2진수 8진수 16진수 변환 코드 만들어보면 꽤 도움될듯	프갤러(119.172)	11:12	27	0
2771683	C#	코돌이	11:10	26	0
2771682	Rx - 일어날 시간 아니야? [1]	프갤러(121.172)	11:03	31	1
2771681	여기말고 진짜 프갤다운 갤러리 없음? [6]	프갤러(59.25)	11:02	43	0
2771680	C++ 프로젝트가 제일 지저분함 [1]	프갤러(125.177)	11:00	49	0
2771679	마음울적한날에~ [4]	멍청한유라ㅋ	10:52	35	0
2771678	발도잡 드디어 중립 잘 지키는구나 ㅇㅇ 너무 보수로만가지도 말고	딱국(118.235)	10:42	21	0
2771676	아예 [3]	도리스아(112.170)	10:13	38	0
2771675	벌써 잘 시간이네.. [1]	ㅇㅅㅇ(121.157)	09:58	26	0
2771674	광주전남사는김대중을 [1]	미쿠쟝마지스키	09:41	33	2
2771673	디코 신규 멤버 모집 중 [1]	딱님	09:40	40	0
2771672	하루 한 번 헤르미온느 찬양	헤르 미온느	09:28	33	0
2771669	요즘 사람 뽑는 회사 있음? [2]	프갤러(117.110)	09:17	69	0
2771659	입문자가 개발하기 좋은 노트북 추천좀 [3]	ㅇㅇ(117.111)	08:41	46	0
2771653	방구석 덕후들 쓰레기들 돈먹고 돈먹기 대회	도리스아(112.170)	08:18	21	0
2771647	윤석열 국민의힘 개 적페 우크라 지원은 차기 정부서 지속되어야	도리스아(112.170)	07:57	17	0