0

Добрый день!

 .black {
      margin: 0 auto;
      width: 500px;
      height: 500px;
      background-color: black;
    }
    
    .red {
      position: absolute;
      top: 50%;
      left: 50%;
      width: 100px;
      height: 100px;
      background-color: red;
    }
    <div class="black">
        <div class="red"></div>
    </div>
    

При изменении размеров окна (или переходе с пк на смартфон) красный блок начинает двигаться относительно черного. Есть ли возможность этого избежать, при этом сохранив position: absolute для блока .red? Заранее спасибо!

2 ответа 2

1

Отцу прописать position:relative. то есть черному блоку.

 .black {
      position: relative;
      margin: 0 auto;
      width: 500px;
      height: 500px;
      background-color: black;
    }
    
    .red {
      position: absolute;
      top: 50%;
      left: 50%;
      width: 100px;
      height: 100px;
      background-color: red;
    }
    <div class="black">
        <div class="red"></div>
    </div>
    

0

Нет, он всё время двигается относительно body. Из-за пропорций создается впечатление, что движение происходит относительно блока .black.

1
  • Большое спасибо!
    – Aleksandr
    Commented 16 февр. 2018 в 22:54

Ваш ответ

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

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