반응형 높이 100%1 [html, css] height 100% 높이의 레이아웃잡기 사전 조건 DOCTYPE을 사용할 것 IE, Firefox, Opera, Safari 등 모든 브라우저에서 Standard Mode 혹은 Almost Standard Mode가 되는 조건은 아래와 같다. 위와 같이 HTML Page에 첫 번째로 선언하면 기본적인 BoxModel Problem을 해결할 수 있다. 다른 Doctype도 많지만 가장 무난히 호환성을 유지해 나가면서 표준을 지키고 여러 브라우저에서 동일하게 표현 하기에 제일 좋은 Doctype이라 생각이 든다. 첫 번째 조건 높이가 100%인 div 영역 height: 100%; 보통 div element에 위와 속성을 주면 안 된다 원인은 저 조건이 되기 위해서는 parent element의 height의 영향을 받기 때문이다. 그래서 해결책.. 2021. 12. 15. 이전 1 다음 반응형