본문 바로가기

Frontend/HTML

wrap / wrapper 사용 이유

<div> 태그에 wrap 또는 wrapper 사용하는 이유

<div id="wrap">

 

  • 웹 문서 내용 전체의 크기나 배경색을 한번에 조절 가능
  • 브라우저 화면 크기에 상관없이 웹 문서의 내용을 중앙에 배치 가능
  • 반응형 웹에서 자식 박스들이 가변 크기로 설정되었을 때 무제한으로 늘어나는 것을 방지
  • 자식 박스들을 가변 크기로 만들 때 기준 크기로 사용 가능
  • 전체적으로 width 를 지정하거나 min-width를 지정할 때 활용

'Frontend > HTML' 카테고리의 다른 글

뷰포트  (0) 2021.12.06
미디어 쿼리  (0) 2021.12.06
가변 그리드 (가변 영역 / 폰트 / 마진 / 패딩 / 멀티미디어)  (0) 2021.12.06
반응형 웹  (0) 2021.12.06
시맨틱 구조 구현 예제  (0) 2021.12.06