자바빵
578
2020-05-25 13:14:41
2
255

테이블의 높이를 꽉 채우려면 어떻게 해야하나요?



시간표로 예를 들어서 위처럼 테이블이 있을때,

<td>안에 있는 내용물의 높이를 꽉채우는 방법을 알고 싶습니다.


검색해보니, <td>의 height=0하고, <div>의 height=100%한다는 글이 있어서 해보니,

<div>가 하나일때는 잘되는데, 월요일 10시처럼 <div>가 2개가되면 100%가 2개가되서 칸을 넘어가버립니다...ㅠ


시간표 리스트를 json으로 받아서 출력하고 있기 때문에

안에 들어가는 <div>의 갯수와 상관없이 꽉채웠으면 좋겠는데, 그 방법을 잘 모르겠습니다.

어떤식으로 하면될까요???

(안드로이드의 경우 그냥 height=0주고, weight=1을 줘버리면 될텐데... 웹은 어렵네유...ㅠ)

0
  • 답변 2

  • 개발자학도
    2k
    2020-05-25 13:18:04 작성 2020-05-25 13:18:18 수정됨

    <div>

      <div>수학</div>

      <div>과학</div>

    </div>


    처럼 감싸버린후에 최상위 div에다가 style을 줘보세요

  • 자바빵
    578
    2020-05-25 13:52:12 작성 2020-05-25 17:04:04 수정됨

    <td> height=0;

        <div> height = 100%

            <div>list1</div>

            <div>list2</div>

        </div>

    </td>


    이런식으로 하니까 일단 모양은 원하는대로 나오는거 같습니다!!!!!

    감사합니다!!!

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