위대한 개발자
179
2019-10-21 17:57:30
1
559

html div 태그 높이 컨텐츠 내용에 따라 동적 할당



사진을 보면 마지막 div태그에 height: auto를 입력하면 해당 태그만 동적으로 높이가 변하고 다른 태그들은 높이가 고정이 되어있는데, 한개의 태그가 변하게 되면 다른 태그도 똑같은 높이로 영향을 주게 하려면 코드를 어떻게 짜야하나요??

해당 소스는 node.js 탬플릿 엔진 pug(jude)입니다.

html, 자바스크립트 등 방법을 알려주세요 

0
  • 답변 1

  • 배고파서서러워요
    2k
    2019-10-21 18:14:51

    모양보니 표인데 테이블로 하시면 안되나요?

    div로 해야 한다면, onload시에 높이값 가져와서 동적으로 높이 배분해주세요.

    class등에 auto로 집어넣으신 후, 로딩 끝나고 마지막 div태그의 높이값 가져온 후, 그 높이값을 높이 변경해야하는 div태그의 클래스값을 변경하시면 될듯.

  • 로그인을 하시면 답변을 등록할 수 있습니다.