Вложенный элемент Div (в пользовательском интерфейсе) не распространяется на всю ширину окна

Question

Вложенный элемент Div (в пользовательском интерфейсе) не распространяется на всю ширину окна

0

Я испытываю крайние трудности, пытаясь сделать дочерний div расширенным до полной ширины окна, а не только ширину родителя.

Я использую Angularjs с UI-Router, не знаю, способствует ли это этой проблеме.

Вот скриншот. Я хотел бы, чтобы изображение растягивалось до полной ширины окна.

Daniel Gaeta 19 авг. 2015, в 07:38

Источник

Теги:

javascript

html

angularjs

css

2 ответа

Ещё вопросы

Daniel Gaeta · Answer 1 · 2015-08-20T17-43-00.000Z

Похоже, это вопрос, связанный с использованием UI-Router в Angular.

У меня было следующее в моем index.html

<!-- MAIN CONTENT -->
<div class="container">

<!-- THIS IS WHERE WE WILL INJECT OUR CONTENT  ============================== -->
<div ui-view></div>

</div>

Внешний контейнер div ограничивал содержимое в div ui-view от растяжения до полной ширины окна.

Таким образом, проблема была решена путем удаления контейнера div.

Pavel Lint · Answer 2 · 2015-08-19T03-39-00.000Z

Попытка position: absolute на ребенке

Когда я пробую position: absolute; это портит иерархический поток элементов div, которые следуют за дочерним изображением. Это не позволяет мне публиковать снимок экрана, но то, что происходит, это изображение под ним, которое теперь отображается поверх дочернего элемента div.
Есть также такой подход: .child-element { position: relative; width: 100vw; left: calc(-50vw + 50%); } stackoverflow.com/questions/5581034/…