• 카테고리

    질문 & 답변
  • 세부 분야

    웹 개발

  • 해결 여부

    미해결

.modal에 대한 스타일 속성 질문

21.09.28 12:59 작성 조회수 149

0

해당 강의에서 .modal에 대해

position: fixed;
left: 0;
right: 0;
top: 0;
bottom: 0;

를 입력하니까 화면에 꽉 차는 것이 이해가 안되는데요,

그냥 위에처럼 입력하면 그 element는 부모 element의 width & height 만큼 크기를 갖게 된다고 생각하면 될까요?

(강의 코드에서는 .modal 클래스가 가리키는 element의 경우 position이 fixed이므로 body 태그가 부모 element인 것으로 이해했습니다)

답변 1

답변을 작성해보세요.

1

fixed는 absolute랑 동작이 달라서, fixed로 하시면 부모 요소 크기에 관계 없이 화면에 꽉 차게 된답니다.
absolute는, 부모 요소의 position을 relative로 할 경우 말씀대로 부모 요소만큼만 차게 됩니다.