Как предотвратить разрушение маржи без изменения маржи? ⇐ Javascript

[Anonymous]

Я изучаю правила обрушения маржи CSS и испытываю некоторую путаницу в отношении спецификации W3C. В документации говорится, что края рухнут, когда соседние элементы соответствуют этим условиям: < /p>

• "Нет линейных ящиков, нет разрешения, без прокладки и без границы их. Несомненно (таким образом, предотвращает крах края)? />

Что мне нужно:
Как я могу , чтобы предотвратить разрушение маржи между Box1 (родитель) и Box2 (ряд) без изменения их исходных значений маржи ? Существуют ли свойства CSS, отличные от границы /прокладки < /code>, которые могут достичь этого?

Код: Выделить всё

.box {
height: 100px;
width: 100px;
border: 1px solid red;
}

.box1 {
background: blue;
margin-bottom: 50px;
}

.box2 {
background: green;
margin-top: 50px;
}

.box3 {
background: darkorange;
margin-top: 50px;
}< /code>

box1
box1
box1

Подробнее здесь: https://stackoverflow.com/questions/795 ... ng-margins