Настройте CSS Grid, который оборачивает элементы из разных файлов - PullRequest
Новая
       4

Настройте CSS Grid, который оборачивает элементы из разных файлов

0 голосов
/ 16 июня 2019

Я работаю над сайтами, которые работают с PHP.Этот веб-сайт получает элементы DOM из разных файлов:

Заголовок из header.php;

Главный из index.php;

Нижний колонтитул из footer.php;

Эти элементы затем объединяются с использованием INCLUDE.Я хотел бы сделать этот сайт отзывчивым, используя CSS Grid.

контейнер сетки и элементы, которые я разработал, это: 

    .grid_container {
        display: grid;
        grid-template-columns: [line1] 40% [line2] 60% [line3];
        grid-template-rows: [row1] 80px [row2] 400px [row3] 80px [row4];
        grid-template-areas: 
            "title title"
            "main main"
            "footer footer";
    }

    .item_a {
        grid-area: title;
        position: relative;
    }

    .item_b {
        grid-area: main;
        position: relative;
    }

    .item_c {
        grid-area: footer;
        position: relative;
    }

Вопрос: Как я могу настроить контейнер Gridесли элементы сетки принадлежат разным файлам?

Например, можно ли открыть тег div (с классом grid_container) в файле header.php и затем закрыть его в файле footer.php по порядкуобернуть все элементы, которые будут выводиться в браузере как HTML?

Разрешено ли?Будет ли это работать?

Спасибо за помощь

...