Как сделать так, чтобы дочерний элемент div перешел на полный экран с помощью CSS? - PullRequest
Новая
       6

Как сделать так, чтобы дочерний элемент div перешел на полный экран с помощью CSS?

0 голосов
/ 28 марта 2012

У меня есть дочерний DIV в нескольких других контейнерах DIV. Я пытаюсь добавить кнопку, чтобы сделать ее на весь экран, используя скрипт Greasemonkey. Я попытался использовать ниже CSS, но это не удалось. Он просто заполняется до родительского контейнера. 

body.richText{
    position:absolute;
    left:0;
    top:0;
    height: 100%;
    width: 100%;
    }

Есть ли гарантированный способ сделать любой выбранный DIV для заполнения экрана, независимо от свойств CSS его родителя?

1 Ответ

4 голосов
/ 28 марта 2012

Абсолютное позиционирование будет относиться только к старшим элементам, если его родитель или дедушка имеют относительную позицию.

Если вы сделали что-то вроде: 

body, html {
    height:100%;
    width:100%;
}
body * {
    position:static !important;
}

Это должно гарантировать, что выбор заполняет вседоступного пространства.'body *' может быть заменен любыми старшими селекторами, необходимыми для конкретного приложения, чтобы переопределить 'position :lative;'стили.

...