height 100%가 안먹을때(100vh 아님)
본문 바로가기

Frontend/Markup

height 100%가 안먹을때(100vh 아님)

추가수정: 자바스크립트로 해결

css는 한계가 있고 자바스크립트로 스크롤길이를 측정해서 그만큼 px로 변환해주면되는듯하다.

변수명+style+height = '숫자px'을 입력해야하기때문에

숫자 + 문자열을 계산하면 문자열이되는 자바스크립트의 특징을 이용해 'px'을 붙였다.

변수명.style.height = document.body.scrollHeight + 'px'

---

position:absolute;

top:0;

width:100%;

 

height:100%;

를 주었는데도 안먹을경우가있다.

 

min-height:100% 혹은 100vh로도 변경해보고

그래도안되면

나같은경우는 padding-bottom:3000px처럼 야매로 해결하였음.(어차피 검은배경화면일뿐이어서..)

반응형

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

a태그 확장시 block 안먹힐때  (0) 2021.11.09
disabled 에서 readonly로 사용한 이유  (0) 2021.10.15
HTML 시맨틱태그 정리  (0) 2021.04.12
checkbox 커스텀, select All  (0) 2020.10.29
아코디언 메뉴 accordion menu  (0) 2020.10.29