@Childhood

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

Всем привет ! Вопрос такой, как можно выйти за пределы контейнера, что бы он был во всю ширину экрана ? Постараюсь показать на картинке.
Черное - это ширина браузера
Серое - container
Зеленое - то, что должно быть во всю ширину.
Сразу скажу убрать этот блок из container нет возможности, по этому и задаю вопрос :) Заранее спасибо ! f87a4c31e6284dbc9bd7a2de80d4b7fc.png
  • Вопрос задан
  • 1441 просмотр
Решения вопроса 1
bogdan_uman
@bogdan_uman
шлЫмазл неукЪ-поцЪ
Ну вот на коленке написал
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


Результат
87433b0419d0448d82f0f8a0919586c0.png
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

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

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