웹 브라우저를 좁게 했을 때 x축 스크롤이 가능해질 때 질문 있습니다
724
投稿した質問数 1
안녕하세요 강의듣고 있는 수강생입니다.
footer에 background 색상을 채우고, 브라우저를 x축 스크롤이 가능하도록 좁게 만들었을 때 스크롤을 하게되면 색상이 끊기는 현상이 있었습니다.
footer tag에 있는 색상값을 footer 안에 section tag로 수정하여 스크롤해도 배경색이 유지되도록 수정하였습니다.
footer tag에 색상값을 입력한 상태에서는 display, width, overflow 등의 값을 추가해서 변경해보아도 채워지지 않았는데요.
footer tag는 왜 스크롤하는 영역까지 포함하지 않는 것인지 이유가 궁금합니다.
回答 1
1
안녕하세요 범규님!
화면을 줄였을 경우 footer 의 백그라운드 색상이 다 채워지지 않았던 이유는 footer의 자식 요소인 cont-coInfo 에 width 값이 고정으로 적용되어 있기 때문입니다!
화면의 가로 길이를 줄이게 되면 cont-coInfo 의 넓이가 footer 보다 길어지기 때문에 footer 의 백그라운드 색상이 다 채워지지 않은것 처럼 보여진 것입니다 ㅎㅎ
도움이 되셨을까요?
혹시 제 답변이 질문의 요지가 아니었다면 언제든 다시 말씀주세요 :) ㅎㅎㅎ
감사합니다!
0
1. footer는 길이를 지정하지 않았기에 화면 크기에 맞춰진다.
2. footer의 자식요소는 는 고정된 길이이기 때문에 background가 넘치게 글자들이 있는 것이다.
3. 스크롤이 생기는 이유는 footer가 아닌 다른요소이기 때문이다.
로 이해해도 맞을까요?
뮤직플레이>인트로 컴포넌트 작성강의에 관련해서 궁금한게있어서 문의드립니다!
0
344
1
cart 페이지 피그마 로직관련 질문드립니다!
0
456
1
createRootElement가 static인 이유가 무엇인가요?
0
356
1
11번째 파트 강의 정말 잘보고 있습니다!
0
244
1
좋아요 기능 만드는 강의가 완전하지 않아요!
0
267
1
[카드게임] 타이틀 display부분 질문 있습니다!
2
266
1
[카드게임] 카드게임 타이틀 부분 질문있습니다.
0
231
1
git public레포로 코드와 제공해주신 리소스들 올려도되나요?
0
290
1
items
1
336
2
album 컴포넌트 스크립트까지 다 따라 쳤는데 화면에 아예 안뜨네요..ㅜㅜ
0
267
1
SPA 섹션 강의 완성 예정일이 궁급합니다.
0
298
1
다음 구현 부분은 아직 강의 공개가 안된걸까요 ??
0
183
1
추가문제 강의 업로드
0
218
1
강의자료는 어디서 다운받을 수 있나요
0
262
1
index.js를 빼는 이유
1
281
1
파코테4 - 뮤직플레이 화면이 없어지고 li가 떠야하는데 안뜨네요.. 빨간줄이 뜬 부분은 오타가 아닌데 오타라고 뜨고 렌더쪽 문제 해결하는 법을 모르겠네요
0
311
2
reset.css 는 어디에 설정 하나요?
0
472
2
노션 링크 질문입니다.
0
203
1
이미지 하나가 움직임이 좀 부자연스럽
0
272
1
CSS 업데이트 부탁드립니다.
1
177
1
궁금한점이 있어서 질문드립니다!
1
306
2
난이도 별 3개가 많은데 어떤순서가 좋을까요?
2
185
1
질문입니다.
2
214
1
리액트로 구현
1
264
2