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

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

QA

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

본문

<html> height:100%;

    <body> height: 100%;

        <div> height: 100%;

            <div_1> height: 200px;

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


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

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


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

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


어떻게 해야하나요?

이 질문에 댓글 쓰기 :

답변 1

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


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

답변을 작성하시기 전에 로그인 해주세요.
전체 5
QA 내용 검색

회원로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1402호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIRSOFT