Как выйти за пределы container?

Question

[Childhood]

Всем привет ! Вопрос такой, как можно выйти за пределы контейнера, что бы он был во всю ширину экрана ? Постараюсь показать на картинке.
Черное - это ширина браузера
Серое - container
Зеленое - то, что должно быть во всю ширину.
Сразу скажу убрать этот блок из container нет возможности, по этому и задаю вопрос :) Заранее спасибо !

Comments

[Ярослав Иванов]

Отрицательный left и 150% width

Answer 1

[Богдан]

Ну вот на коленке написал
CSS

* {
  box-sizing: border-box;
}

.outher {
  margin: 30px;
  border: 2px solid #ccc;
  height: calc(100vh - 60px);
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.inner {
  background-color: green;
  flex-basis: 70px;
  margin: -40px;
}

SLIM

doctype html
html
  head
    title Slim Examples
    meta name="keywords" content="template language"
    link rel="stylesheet" href="table_image.css" 
  body
    .outher
      .inner

Результат

Comments

[Childhood]

Спасибо)