문제 : 가변적 div에 맞게 왼쪽의 div height를 조절해야함.
1 2 3 4 | .div1{position: relative; width:750px} .div2{position:absolute; width:50px; height: 99%; text-align:center } .div3{margin-left:50px;} | cs |
해결법
큰 div를 먼저 그리고 그안에 가변적 div에 맞게 필요에 의한 부분을 absolute로 지정
그다음에 가변적 div를 옆으로 붙임
*div1
- postion:relative 선언, 부모 div로 가변적 div에 맞게 height 조절
- width는 환경에 맞게 수정
*div2
- postion:absolute : 절대적 위치를 고정
- height: 100%를 출처글에서 강조하였으나 작업중 html에서 하단부분이 안맞어 99%로 지정.
- text-align: 환경에 맞게 setting
- width는 환경에 맞게 조절
*div3
- 가변적 div
- div2와 너무 붙어있으면 겹치므로 margin을 줘서 약간의 여백 생성.
출처 : https://kldp.org/node/118838