0

Всем привет. Я добавил bg к header. И по макету нужно, чтобы нижняя часть телефона уходила за границы header. Я это сделал, но bg не просто кончается, а начинается как бы новый) Я делал no-repeat и bg просто пропадает, подскажите, что делать? Заранее спасибо

3
  • я попробую догадаться - вы сдвигаете iphone наружными отступами ?
    – user33274
    6 июл 2018 в 7:04
  • пробовал и padding и margin 6 июл 2018 в 8:24
  • добавьте код сюда - гадать обычно ходят в сюда
    – user33274
    6 июл 2018 в 11:01

2 ответа 2

0

Добавьте background-size:

background-size: cover;
3
  • тогда изображение просто увеличивается, а мне надо чтобы оставался белый фон 6 июл 2018 в 8:24
  • Тогда попробуйте это "background-size: contain;"
    – zzzoryn
    6 июл 2018 в 11:59
  • вы читали хоть что делает background-size: contain;? Масштабирует изображение с сохранением пропорций таким образом, чтобы картинка целиком поместилась внутрь блока.
    – Sergey B
    6 июл 2018 в 13:49
0

Примерно так.

* {
  margin: 0;
  padding: 0;
}

.header {
  width: 100%;
  height: 1px;
  display: table;
  background: yellow;
  padding: 1rem;
}

.left-col {
  float: left;
  width: 50%;
}

.right-col {
  float: right;
  width:50%;
}

.img {
  background: blue;
  width: 100px;
  height: 200px;
  position: absolute;
}
<div class="header">
  <div class="left-col">
    Lorem ipsum dolor sit amet consectetur adipisicing elit. Aperiam impedit similique id dignissimos nobis sed iste temporibus veniam facere, ipsa ea harum reprehenderit maxime sapiente! Repellendus doloribus itaque consectetur ducimus?
  </div>
  <div class="right-col">
    <div class="img"></div>
  </div>
</div>

Ваш ответ

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими условиями использования и подтверждаете, что прочитали и поняли наши политику конфиденциальности и нормы поведения.

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