메뉴 건너뛰기

프로그램언어

조회 수 1003 추천 수 0 댓글 0
?

단축키

Prev이전 문서

Next다음 문서

크게 작게 위로 아래로 댓글로 가기 인쇄 첨부
?

단축키

Prev이전 문서

Next다음 문서

크게 작게 위로 아래로 댓글로 가기 인쇄 첨부

<div style="height:100%;"></div>


위의 코드처럼 div, iframe 등의 높이(height)를 100%로 적용하였는데 사이즈 조절이 퍼센트로 적용되지 않을 경우 해결방법입니다.



일단 이 문제의 원인은 parent element의 height의 영향 때문입니다.



최상단에 아래의 DOCTYPE 코드를 삽입합니다.(아래는 XHTML 1.0 DOCTYPE 코드)

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

※소스 형태(HTML4, HTML5, XHTML 1.0)에 따라 DOCTYPE 코드가 달라집니다.


그래도 적용이 되지 않는다면

아래의 css 코드를 추가하면 height 값을 퍼센트로 수정할 수 있습니다.


<style>

html, body{height: 100%; overflow:hidden;}

</style>


List of Articles
번호 제목 날짜 조회 수
22 HTML 특수문자 / 띄어쓰기,공백, 따옴표 2023.01.27 2199
21 input 속성 readonly, disabled 차이점 file 2023.01.27 93
20 Input 태그 한글, 영문모드 전환 2023.01.12 248
19 MSword : 인쇄 미리보기-한페이지씩 보이기 2021.03.26 301
18 map태그에서 window.open() 쓰기 2021.03.26 201
17 input태그 tab 순서 설정 : tabindex 2021.03.26 357
16 인라인 자동완성 기능 막기 2021.03.25 129
15 javascript로 alt 또는 title 달때 내용에 포함된 따옴표 치환하기 2021.03.25 166
14 HTML - Form 태그, Input 태그 자동완성 해제하기 2021.03.09 152
13 CSS - p태그 등 너무 긴 문자열이 존재할 때, 넓이에 따른 자동 줄바꿈 file 2021.03.09 590
12 HTML - Table td안에 특수문자(")가 존재할 경우 넓이 초과 현상 file 2021.03.09 247
11 HTML, CSS - 헤더컬럼 고정형 table 구성하기 file 2021.03.09 737
10 크롬 알림처럼 띄워보기 file 2019.04.29 845
9 네이버 웹마스터도구 메타태그 2019.04.29 787
» div iframe 퍼센트 높이조절 문제 해결(div, iframe height 100%) file 2019.03.05 1003
7 input 자동완성 끄기 HTML file 2019.02.19 1090
6 테이블 대신 필드셋(fieldset) 이용 2019.01.16 2122
5 FCKeditor 2.6.x 버전 IE9에서의 Dialog 버그 수정 2018.10.27 1166
4 form안의 button submit 동작 막기 2018.08.24 1723
3 viewport meta 태그를 이용해 모바일 브라우저상에서 레이아웃 조종하는 법 file 2017.04.14 6865
Board Pagination Prev 1 2 Next
/ 2

하단 정보를 입력할 수 있습니다

© k2s0o1d4e0s2i1g5n. All Rights Reserved