Может ли CSS Grid заполнить область сетки непрямым дочерним элементом контейнера grid?Или элемент вне контейнера сетки? - PullRequest
Новая
       5

Может ли CSS Grid заполнить область сетки непрямым дочерним элементом контейнера grid?Или элемент вне контейнера сетки?

0 голосов
/ 10 декабря 2018

Например, скажем, я хочу иметь 2 элемента друг над другом, как обычный элемент списка.

<div id="container">
  <div id="item1"></div>
  <div id="item2"></div>
</div>

Это сработает, если я подам заявку 

#container {
    display: grid; 
    grid-template-areas: "item 1" "item 2";
}
#item1 { grid-area: "item1";}
#item2 { grid-area: "item2";}

Мой вопрос: могу ли я использовать другое содержимое вне контейнера сетки для заполнения этих областей сетки?например.

<div id="container">
    <div id="item1">
</div>
<div id="item2"></div>

или: 

<div id="container">
    <div id="inner-container">
        <div id="item1"></div>
        <div id="item2"></div>
    </div>
</div>

Я работаю с угловыми компонентами и родительскими шаблонами и надеюсь, что у меня будет какой-то способ красиво отобразить мой HTML внутри 1 компонента вместо того, чтобы делатьнесколько компонентов, которые должны взаимодействовать друг с другом через службы и / или событияEmitters и т. д.

Спасибо за вашу помощь!

...