HTML 테이블 높이 100% 적용하기 > 기술자료

• 목록
• 게시판 리스트 옵션
  • 검색

컨텐츠의 높이가 브라우저 크기보다 작을때 지정된 칸이 모두 채워서 화면에 꽉 차도록 하는 방법입니다.

미리보기 : https://www.happyjung.com/demo/css/table_td_100.html

html { height:100%; }
body { height:100%; margin:0; padding:0; }
</style>

<table style="height:100%; width:100%;">
    <tr>
        <td style="height:50px; background:#FF0;">첫칸</td>
    </tr>
    <tr>
        <td style="background:#0F0">중앙 100%</td>
    </tr>
    <tr>
        <td style="height:50px; background:#0FF;">세번째칸</td>
    </tr>
</table>


참고자료
https://stove99.tistory.com/181