0

Есть такой макет введите сюда описание изображения

Блок о компании и новости должны быть в фиксированном контейнере, который всегда по центру.

А фон белый с тенью должен заканчиваться на границе блока о компании

Блок с тенью может иметь какую угодно высоту, в зависимости от контента. Как это правильно сверстать?

* {
  box-sizing: border-box;
}

.container {
  margin: 0 auto;
  width: 600px;
}

.row {
  margin: 0 -15px;
}

.col-lg-8 {
  float: left;
  width: 66%;
  background: silver;
  padding: 20px;
}

.col-lg-4 {
  float: left;
  width: 33%;
  background: #eee;
  padding: 20px;
}

body {
  background: #cfe0ff;
  width: 800px;
}
<div class="main">
  <div class="container">
    <div class="row">
      <div class="col-lg-8">Основной контент c динамической высотой</div>
      <div class="col-lg-4">Новости</div>
    </div>
  </div>
</div>

5
  • добавь верстку и стили....
    – Air
    7 дек 2019 в 2:30
  • @Air Добавил верстку 7 дек 2019 в 3:01
  • Почему у тебя body имеет фиксированную ширину? В чем смысл?
    – Air
    7 дек 2019 в 3:16
  • Не трогай body && html
    – Air
    7 дек 2019 в 3:17
  • @Air я просто хотел показать,что вокруг контейнера фон. Так то понятно, что body 100% 7 дек 2019 в 3:43

0

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Посмотрите другие вопросы с метками или задайте свой вопрос.