Как предотвратить появление отрицательного маржинального элемента вне родителя - PullRequest
Новая
       36

Как предотвратить появление отрицательного маржинального элемента вне родителя

0 голосов
/ 06 апреля 2020

Мне нужно расположить дочерний элемент вертикально с отрицательным полем, чтобы он располагался выше, чем его брат или сестра. Однако это выталкивает его за пределы родителя (РЕБЕНОК 2 в приведенном ниже примере).

enter image description here

Есть ли способ расширить родителя, например, когда у дочернего элемента есть отрицательное поле, родитель по-прежнему визуально инкапсулирует его дочерние элементы? 

.parent {
  background-color: antiquewhite;
  display: flex;
}
.child1 {background-color: pink;}
.child2 {
  background-color: green;
  margin-left: auto;
  margin-top: -10px;
}
<div class="parent">
  <div class="child1">CHILD 1</div>
  <div class="child2">CHILD 2</div>
</div>
...