마스터욱 0 35 0 0

소스코드는 간단하게, div 박스 2개로 구성되어 있습니다.

1. 상단 div
2. 하단 div

목적은 하단 div 를 화면에 딱 맞는 100%를 주는 것입니다.

하단을 height:100% 주긴했지만, 상단 div의 100px 까지 더해져서, 스크롤바가 생성되어 버립니다.
상단높이가 100px 이든 200px 이든 300px 이던지간에,
하단의 div가 화면 높이에 딱 맞게 떨어지게 height:100% 가 되게 하는 방법이 없을까요?

위 코드는 현재 개발중인 사이트의 구글지도를 화면에 풀로 딱맞게 채우기 위해서 사용될 것인데,
상단에 메뉴까지 높이를 먹어서 고민중인 부분입니다 ㅠㅠ

[ ▼ 질문관련 참고 Source ]

1
2
3
4
5
6
<div style="height:100px;">
  상단높이
</div>
<div style="height:100%;background-color:yellow;">
  하단높이 스크롤 없는 100%를 원함(상단공간이 +100px 되어버림...)
</div>

     

    https://phpschool.com/gnuboard4/bbs/board.php?bo_table=qna_html&wr_id=299681&page=&sfl=&stx=&sst=&sod=&spt=&page=&sca= 

    Comments


    제목 글쓴이
    capture="camera" 마스터욱
    highcharts series data push example 마스터욱
    DIV 높이 100%로 주기 마스터욱
    뺑글이(로딩) 이미지와 CSS 마스터욱
    백그라운드만 까맣게 처리하기, 폰트는 그대로 마스터욱
    스마트 에디터 모바일에 최적화 시키기 마스터욱
    Jquery Mobile 샘플 마스터욱
    미디어 쿼리 기준픽셀 마스터욱
    크로스 브라우징 HTML5 Audio 동영상 태그 마스터욱
    jquery anchor(앵카) 구현하기 마스터욱
    jquery data-mask 마스터욱
    자바스크립트 - ksort(키값에 의한 정렬) 마스터욱
    javascript - 브라우저 뒤로가기 버튼 눌렀을 경우, 질문하기 마스터욱
    부트스트랩 네비게이션 서브메뉴 마우스 오버시에 하위메뉴 펼치기 마스터욱
    부트스트랩 fieldset 마스터욱
    부트스트랩 모달(modal) 가로(width) 사이즈 자동 관리자
    동적 height 세로 중앙정렬 관리자
    CSS 로 바코드 만들기   관리자
    ★미디어 쿼리(media query) - 프린트 일때만 작동되게 하기★ 댓글 2 관리자
    ★CSS 핵★ 관리자
    카테고리