2018 Nam Insik Portfolio site ː Designed by werty.co.kr ː nis@werty.co.kr
 
 
 
 
 
 
 
 
jQuery-div 높이를 창의 100%로 조절할 때 (창 사이즈 유동 적응)

div로 코딩할때 가끔 필요한 것이 height 100%가 안된다는 점이다.

제이쿼리와 자바스크립트를 이용해서 간단히 만들어 본다.

 윈도우가 로딩된 후 funLoad를 실행하였고, 창을 조절하면 다시 funLoad를 실행한다.

funLoad는 container라는 id를 가진 div의 height값을 조절하라고 명령한다.

HoldHolic

nain

이메일 : nis@naminsik.com

리뉴얼하려고 생각한지가 어느덧 3년이 지났다. ㅠ 망...
  • 간단하지만 생각지 못했던 방법이네요..; 좋은정보 감사합니다.

    • ^^ 도움이 되시길 바랍니다.
      이렇게 로그인까지 해주시고 댓글도 남겨주셔서 감사합니다.

  • div의 높이를 100%로 주기 위한 방법을 찾다가 들어오게 되었습니다! html과 css만으로 구현하기엔 어려운 것 같더라구요ㅠㅠ 제이쿼리를 배운 적이 없어서 여쭤볼게요ㅜㅜ 이 소스를 어떻게 적용하면 되나요? 스크립트로 감싸서 바디 안에 놓으면 되나요?

    • 일단 제이쿼리를 쓴다고 헤더에 제이쿼리 스크립트 파일을 넣어주세요.
      [script src=”http://code.jquery.com/jquery-latest.min.js”][/script]
      이렇게 넣으시면 됩니다.

      그리고 저 위에 소스를 [/body]바로 위에 [script]위 코드[/script] 이렇게 해서 넣으세요.
      이렇게 하면 id가 container인 div가 세로 100%가 됩니다.

      위코드에 [ ]대신 <> 이렇게 꺽쇠 표시로 수정해주세요. 여기 답글에 태그가 먹혀서 안보였네요.

  • 감사합니다. 머리 아픈 작업이 해결 되었습니다. 덕분에

  • 조정민

    높이는 유동적으로 해야값인데 px을따로줘야하나요?

    • mynain

      죄송하지만 제가 질문을 이해를 못해서 그러는데 질문 요지가 유동적이기 때문에 높이를 퍼센테이지로 잡아야 하는 것이냐는 말씀이신가요?
      엘리먼트의 높이가 100% 안잡히는 경우가 있습니다. 부모들의 높이들을 지정하지 않았을 때 그렇습니다. 그래서 퍼센테이지로 잡아야하는데 높이가 퍼센테이지를 써도 안잡히게 될 경우 브라우저의 높이 값을 가져와서 강제로 원하는 엘리먼트에 높이를 픽셀로 지정하면 크기가 맞춰지기 때문입니다.

  • 김근호

    한방에 해결되 버리는군요…

.