채택완료

height 상하 반응형 만드는데 계산하는 방법을 모르겠습니다.

2017-09-09 (토) 02:51:20 3,687

<html> height:100%;

    <body> height: 100%;

        <div> height: 100%;

            <div_1> height: 200px;

                <div_2> height: 100%; 에러 200px를 빼야함

이런식으로 상하를 완전 반응형으로 제작하는중인데요

<div_2> 여기를 100%로 잡으면 위에 200px때문에 스크롤바가 생겨버립니다.

이 200px를 빼야하는대 방법을 모르겠습니다.

창크기가 변해도 화면에 꽉차는 상하 스크롤바 없는 반응형 만들고 있는데 도저히 모르겠습니다.

어떻게 해야하나요?

|

답변 1개 / 댓글 1개

채택된 답변
+20 포인트

<div_2 style="height:calc(100% - 200px);"> 하시면 됩니다. 

사칙 연산 다 적용됩니다. ^^

답변에 대한 댓글 1개

고맙습니다. 하나 배워가네요.

답변을 작성하려면 로그인이 필요합니다.