정렬 기능이랑 튀어나오는게 무슨 관계인가요?
이게 정렬하지 않은 block요소(div)+기본값(row)상태로 body가 아래 튀어나와있고
이게 column값을 줘서 정렬된 상태로 튀어나온 부분이 사라졌습니다.
div가 block요소이고 정렬이 안된 row상태이니 위처럼 튀어나오는건 이해할 수 있습니다.
그런데 column을 줘서 수직으로 정렬해도 튀어나오는건 그대로여야하지 않나요? 왜 튀어나온게 들어가는거죠?
답변 1
0
안녕하세요!
첨부해주신 코드가 답변드리기엔 좀 부족하지만 제 추측으로 말씀드리자면,
display: flex를 주게되면 direction이 row일때는 width 값을, colum일때는 height의 값이 마치 inline 처럼 본인의 크기만큼만 갖게됩니다.
따라서 row일때는 height값을 block으로 넘치게 가지고 있다가, column을 주게되면 height 값이 부모의 값을 상속받아 부모크기의 100%가 되는게 아닐까 합니다.
감사합니다.
싸이월드3
0
77
2
싸이월드2 관련 질문 드립니
0
92
3
과제 모범답안 유무
0
89
2
과제 연습 질문
0
71
2
<style> 에 *와 div 차이
0
86
2
과제 profile 부분 질문
0
112
2
과제 Profile 부분 질문
0
86
2
left_body_header의 자식border-top인데
0
77
2
정렬 연습중인데 왜 여성과 남성 칸이 가로로 배열 안되는지 모르겠습니다.
0
127
1
태그 궁금한 점
0
162
2
HTML 회원가입
0
192
2
문법관련 질문입니다
0
253
2
윈도우 누른치로 마침표 눌렀는데 이모지가 안되는데용.?./.
0
648
2
26분50초에 세로줄 어떻게 해요 ..? ㅎㅎㅎ
0
250
2
피그마에서 css 코드가 안보여요..
1
3217
2
주석기능을 하고 싶은데 컨트롤+느낌표가 안됩니다 ㅠㅠ
0
325
2
언어 설정 -> 한글
0
289
1
2024년 html
0
226
1
피그마 유료화
0
1670
1
Fiama 링크 찾기
0
239
2
Figma는 어디에 있나요?
0
251
1
안녕하세요. 제공되는 노션 학습자료는 어디서 확인가능한가요?
0
357
2
git 질문입니다
0
216
1
아무리 찾아봐도 피그마 링크가 보이질 않습니다.
0
312
1