Блог

Главная - Вопросы по программированию - height = 100%, похоже, не работает для table

height = 100%, похоже, не работает для table

#html #css

#HTML #css

Вопрос:

Я пытаюсь, чтобы моя таблица использовала 100% высоты.

Эта скрипта показывает проблему. используется 100% ширины (попробуйте изменить размер ширины, чтобы убедиться в этом). Однако изображения остаются загроможденными в верхней части окна, даже если окно сделано очень высоким.

Ответ №1:

Вы могли бы подумать, что height: 100% означает, что он будет использовать все доступное пространство, однако на самом деле это просто означает, что элемент имеет ту же высоту, что и контейнер. Впоследствии родительский элемент, не имеющий фиксированной высоты, имеет ту же высоту, что и его содержимое.

В вашем случае таблица не имеет родительского элемента, за исключением DOM. DOM не имеет заданной высоты, поэтому его высота совпадает с его содержимым. Поскольку ваша таблица не имеет фиксированной высоты, она углубляется на один уровень и просматривает содержимое таблицы, которое имеет минимальную высоту 600 пикселей. И, таким образом, высота DOM (и вашей таблицы) составляет всего 600 пикселей.

Оберните таблицу в контейнер фиксированной высоты или установите высоту документа равной 100%. Это должно сработать.

Ответ №2:

Я заметил, что атрибут HEIGHT =»100%» не работает при вставке этого объявления:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

но это работает следующим образом:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

Надеюсь, это поможет

Ответ №3:

Попробуйте это:

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