Как растянуть HTML-таблицу до 100% высоты окна браузера?
-
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%, чтобы таблица растягивалась правильно.