Как растянуть HTML-таблицу до 100% высоты окна браузера?

StackOverflow https://stackoverflow.com/questions/90049

  •  01-07-2019
  •  | 
  •  

Вопрос

Я использую таблицу для разработки макета моей веб-страницы.Я хочу, чтобы таблица заполняла страницу, даже если она не содержит большого количества контента.Вот 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 не помогает.)

Это было полезно?

Решение

Просто используйте height имущество вместо min-height свойство при настройке #container.Как только данные станут слишком большими, таблица автоматически увеличится.

Другие советы

Попробуйте использовать это:

html, body    {
  height: 100%;
}

Таким образом, помимо увеличения высоты таблицы до 100%, вам также необходимо убедиться, что высота html и body также равна 100%, чтобы таблица растягивалась правильно.

Лицензировано под: CC-BY-SA с атрибуция
Не связан с StackOverflow
scroll top