메뉴 건너뛰기

프로그램언어

조회 수 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. No Image 27Jan
    by
    2023/01/27 Views 2199 

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

  2. input 속성 readonly, disabled 차이점

  3. No Image 12Jan
    by
    2023/01/12 Views 249 

    Input 태그 한글, 영문모드 전환

  4. No Image 26Mar
    by
    2021/03/26 Views 301 

    MSword : 인쇄 미리보기-한페이지씩 보이기

  5. No Image 26Mar
    by
    2021/03/26 Views 201 

    map태그에서 window.open() 쓰기

  6. No Image 26Mar
    by
    2021/03/26 Views 357 

    input태그 tab 순서 설정 : tabindex

  7. No Image 25Mar
    by
    2021/03/25 Views 130 

    인라인 자동완성 기능 막기

  8. No Image 25Mar
    by
    2021/03/25 Views 166 

    javascript로 alt 또는 title 달때 내용에 포함된 따옴표 치환하기

  9. No Image 09Mar
    by
    2021/03/09 Views 152 

    HTML - Form 태그, Input 태그 자동완성 해제하기

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

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

  12. HTML, CSS - 헤더컬럼 고정형 table 구성하기

  13. 크롬 알림처럼 띄워보기

  14. No Image 29Apr
    by
    2019/04/29 Views 787 

    네이버 웹마스터도구 메타태그

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

  16. input 자동완성 끄기 HTML

  17. No Image 16Jan
    by
    2019/01/16 Views 2122 

    테이블 대신 필드셋(fieldset) 이용

  18. No Image 27Oct
    by
    2018/10/27 Views 1166 

    FCKeditor 2.6.x 버전 IE9에서의 Dialog 버그 수정

  19. No Image 24Aug
    by
    2018/08/24 Views 1723 

    form안의 button submit 동작 막기

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

Board Pagination Prev 1 2 Next
/ 2

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

© k2s0o1d4e0s2i1g5n. All Rights Reserved