메뉴 건너뛰기

프로그램언어

조회 수 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>


  1. HTML 특수문자 / 띄어쓰기,공백, 따옴표

    Date2023.01.27 Views2199
    Read More
  2. input 속성 readonly, disabled 차이점

    Date2023.01.27 Views93
    Read More
  3. Input 태그 한글, 영문모드 전환

    Date2023.01.12 Views248
    Read More
  4. MSword : 인쇄 미리보기-한페이지씩 보이기

    Date2021.03.26 Views301
    Read More
  5. map태그에서 window.open() 쓰기

    Date2021.03.26 Views201
    Read More
  6. input태그 tab 순서 설정 : tabindex

    Date2021.03.26 Views357
    Read More
  7. 인라인 자동완성 기능 막기

    Date2021.03.25 Views130
    Read More
  8. javascript로 alt 또는 title 달때 내용에 포함된 따옴표 치환하기

    Date2021.03.25 Views166
    Read More
  9. HTML - Form 태그, Input 태그 자동완성 해제하기

    Date2021.03.09 Views152
    Read More
  10. CSS - p태그 등 너무 긴 문자열이 존재할 때, 넓이에 따른 자동 줄바꿈

    Date2021.03.09 Views590
    Read More
  11. HTML - Table td안에 특수문자(")가 존재할 경우 넓이 초과 현상

    Date2021.03.09 Views247
    Read More
  12. HTML, CSS - 헤더컬럼 고정형 table 구성하기

    Date2021.03.09 Views737
    Read More
  13. 크롬 알림처럼 띄워보기

    Date2019.04.29 Views845
    Read More
  14. 네이버 웹마스터도구 메타태그

    Date2019.04.29 Views787
    Read More
  15. div iframe 퍼센트 높이조절 문제 해결(div, iframe height 100%)

    Date2019.03.05 Views1003
    Read More
  16. input 자동완성 끄기 HTML

    Date2019.02.19 Views1090
    Read More
  17. 테이블 대신 필드셋(fieldset) 이용

    Date2019.01.16 Views2122
    Read More
  18. FCKeditor 2.6.x 버전 IE9에서의 Dialog 버그 수정

    Date2018.10.27 Views1166
    Read More
  19. form안의 button submit 동작 막기

    Date2018.08.24 Views1723
    Read More
  20. viewport meta 태그를 이용해 모바일 브라우저상에서 레이아웃 조종하는 법

    Date2017.04.14 Views6865
    Read More
Board Pagination Prev 1 2 Next
/ 2

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

© k2s0o1d4e0s2i1g5n. All Rights Reserved