0

введите сюда описание изображения

Можно ли элемент сделать поверх родителя, чтобы на него не воздействовал padding родителя?

z-nindex не помогает

.c1 {
  background: black;
  padding: 10px;
  text-align: center
}

.c2 {
  background: red;
  padding: 10px;
  width: 50%;
}
<div class="c1">
  <div class="c2">
    Text
  </div>
</div>

1
  • 1
    Вы на всю высоту растянуть хотите? Поставьте отрицательный margin
    – andreymal
    18 мая 2019 в 10:33

1 ответ 1

2

Если правильно понял, то вот :

<div class="c1">
  <div class="c2">
    Text
  </div>
</div>


.c1 {
  position: relative;
  background: black;
  padding: 10px;
  text-align: center;
  height: 18px;
}

.c2 {
  position: absolute;
  top: 0;
  left:0;
  background: red;
  padding: 10px;
  width: 50%;
}

Ваш ответ

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

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