@Emmet1

Как сделать блок, который шире своего родителя?

Есть обычная страница на которой выводятся блоки (лента новостей) с помощью цикла. и боковая колонка с меню и последними комментариями. После второй новости идет блок new-box (зеленый), шириной как content и sidebar. Но находится он внутри блока content.
Как правильно реализовать такой блок?
Для наглядности скинул структуру и картинку как оно все выглядит.

5f322b7f8ba28129161356.jpeg
<div class="content">
<div class="new">
</div>
<div class="new">
</div>
<div class="new-box">
</div>
<div class="new">
</div>
<div class="new">
</div>
</div>
<div class="sidebar">
</div>
  • Вопрос задан
  • 64 просмотра
Пригласить эксперта
Ответы на вопрос 1
approximate_solution
@approximate_solution
JS Developer. Angular\React\Vue\Ember
Css Grid Layout отлично подойдет.
https://medium.com/@stasonmars/%D0%B2%D0%B5%CC%88%...
https://grid.layoutit.com/

Высчитываете размеры блоков, и через grid-template-areas крутите и выстраиваете блоки как угодно.
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы