HTML 테이블을 브라우저 창 높이의 100%까지 늘리는 방법은 무엇입니까?

Question

나는 웹 페이지의 레이아웃을 디자인하기 위해 테이블을 사용하고 있습니다.내용이 많지 않더라도 테이블을 페이지에 채우고 싶습니다.내가 사용하는 CSS는 다음과 같습니다.

html, body {
    height: 100%;
    margin: 0;
    padding: 0; 
}

#container {
    min-height: 100%;
    width: 100%; 
}

그리고 페이지 코드에 다음과 같은 내용을 배치합니다.

<table id="container">
<tr>
<td>
...

이는 Opera 9에서는 작동하지만 Firefox 2 또는 Internet Explorer 7에서는 작동하지 않습니다.이 솔루션을 널리 사용되는 모든 브라우저에서 작동하게 하는 간단한 방법이 있습니까?

(첨가 id="container" 에게 td 도움이 되지 않습니다.)

Answer 1

그냥 사용 height 대신에 재산 min-height 설정할 때 속성 #container.데이터가 너무 커지면 테이블이 자동으로 커집니다.

Answer 2

이것을 사용해 보세요:

html, body    {
  height: 100%;
}

따라서 테이블의 높이를 100%로 만드는 것 외에도 html의 높이와 본문의 높이도 100%인지 확인해야 제대로 늘어나게 됩니다.