DIV 높이 100%로 주기
마스터욱
0
38
0
0
2020-03-29 15:49:15
소스코드는 간단하게, div 박스 2개로 구성되어 있습니다.
1. 상단 div
2. 하단 div
목적은 하단 div 를 화면에 딱 맞는 100%를 주는 것입니다.
하단을 height:100% 주긴했지만, 상단 div의 100px 까지 더해져서, 스크롤바가 생성되어 버립니다.
상단높이가 100px 이든 200px 이든 300px 이던지간에,
하단의 div가 화면 높이에 딱 맞게 떨어지게 height:100% 가 되게 하는 방법이 없을까요?
위 코드는 현재 개발중인 사이트의 구글지도를 화면에 풀로 딱맞게 채우기 위해서 사용될 것인데,
상단에 메뉴까지 높이를 먹어서 고민중인 부분입니다 ㅠㅠ
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 > |