메뉴 건너뛰기

프로그램언어

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

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

© k2s0o1d4e0s2i1g5n. All Rights Reserved