CSS: создание элемента без полномочий root занимает всю страницу

Question

Возможно ли, только с помощью CSS, чтобы элемент блока занимал всю страницу («занятый ящик»), когда элемент находится на некорневом уровне, где ширина и высота, установленные на 100%, растягивают его только на столько, сколько родитель элемент?

Я мог бы сделать это, используя абсолютный размер, но для этого потребовался бы JavaScript, чтобы приспособиться к текущему размеру страницы.

Может показаться, что я должен был добавить элемент на корневом уровне, если я хочу, чтобы он занимал всю страницу, но я не могу изменить главную страницу, потому что мы повторно используем стандартную SharePoint.

@ Edit: По какой-то причине ни один из этих двух ответов не работает для меня, если я придумаю причуду CSS, я поищу другой обходной путь.

Answer 1

Что должно работать, это position:fixed. Проблема с этим IE6, но есть несколько решений: http://www.howtocreate.co.uk/fixedPosition.html. Фиксированное позиционирование должно выводить элемент из потока и располагать его в соответствии с окном. Подробнее о позиционировании: http://www.quirksmode.org/css/position.html

Конечно, я предполагаю, что вы хотите, чтобы он занимал весь видовой экран и оставался там , и все, что вы хотите отобразить, где оно находится, будет внутри самого элемента. Это много предположений. Как вы можете догадаться из названия, фиксированное позиционирование прикрепляет элемент, куда вы его положили - поверх всего остального, и оно не будет двигаться при прокрутке.

Answer 2

Вам не нужно узнавать текущий размер страницы. Вместо этого попробуйте:

position:absolute;
top:0;
bottom:0;
left:0;
right:0;