<div style="color: #ffffff; background-color: #000000; font-family: Consolas, 'Courier New', monospace; font-size: 14px; line-height: 19px; white-space: pre;">
<div><span style="color: #d4d4d4;">position</span>: <span style="color: #ce9178;">fixed</span>;</div>
<div>&nbsp; &nbsp; <span style="color: #d4d4d4;">left</span>: <span style="color: #b5cea8;">0</span>;</div>
<div>&nbsp; &nbsp; <span style="color: #d4d4d4;">right</span>: <span style="color: #b5cea8;">0</span>;</div>
<div>&nbsp; &nbsp; <span style="color: #d4d4d4;">top</span>: <span style="color: #b5cea8;">0</span>;</div>
<div>&nbsp; &nbsp; <span style="color: #d4d4d4;">bottom</span>: <span style="color: #b5cea8;">0</span>;</div>
<div>&nbsp;</div>
<div>이부분이 적힌것에 대해서 질문하려고 하는데요,</div>
<div>&nbsp;</div>
<div>
<div>포지션 고정시킨후</div>
<div>위아래 왼쪽 오른쪽 0을 했는데,</div>
<div>모달이 중간에 오게 되는게 잘 이해가 안돼요.</div>
<div>&nbsp;</div>
</div>
<div>(저부분 없이)</div>
<div>justify-content, align-items로만 하면 왜 안되는건가요?</div>
<div>(왜 정중앙에 오지 않는걸까요?)</div>
<div>&nbsp;</div>
<div style="text-align: left;">&nbsp;</div>
<div style="text-align: left;">position에 대해 이해가 부족해서 그런지 이해가 잘 안돼요^^ㅎㅎ</div>
</div>

<p>일단 가운데로 정렬이 되려면,<br />정렬시킬 엘리먼트를 품고 있는 컨테이너 크기 자체가 브라우저에 꽉 차있어야 정 가운데로 정렬이 되기 때문에 일단 크기를 브라우저에 맞도록 쫙- 늘려준거라고 생각하시면 됩니다^^</p>

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

flex 모달 만들때