답변 2개
height:100% 주시는거 위에서부터 100%가 설정이 되어 있어야 합니다.
그게 아니시면 자바스크립트로 강제로 화면에 높이를 측정해서 주실수도 있긴 합니다.
댓글을 작성하려면 로그인이 필요합니다.
height 값은 % 로 할때 절대값이 아닌 상대 값입니다.
즉, 상위에서 할당된 값이 있어야 적용되는거죠.
하지만 비슷하게 구현할수는 있습니다.
<div style="position:relative;width:500px;background:#fff100;">
<div style="position:absolute;left:0px;top:0px;width:100%;padding-bottom:100%;background:#cc0000;">
이 엘리먼트는 높이가 500px 이 됩니다.
</div>
</div>
만약 상위 개체가 아닌 현재 body 기준이라던가
윈도우 기준으로 100% 로 꽉 채우고 싶으시면
<div style="position:relative;width:500px;padding-bottom:100%;background:#fff100;">
<div style="position:absolute;left:0px;top:0px;width:100%;height:100%;background:#cc0000;">
이 엘리먼트는 높이가 100% 가 됩니다.
</div>
</div>
상위 엘리먼트에 적용해주시면됩니다.
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인