Как предотвратить падение моих полей?

Question

Проблема:

У меня есть два div, которые имеют одинаковый css, но по какой-то причине первый div получает оставленное поле, но второй не .

Скрипка здесь

Код: я использую загрузчик, но помимо этого у меня есть эти два правила CSSэто должно дать мне желаемый запас.

.main {
    padding-right: 40px;
    padding-left: 40px;
}

.marginLeftM {
    margin-left: 30px
}

Я знаю, что поля рушатся, но я не знаю, как это решить.

Answer 1

В вашем элементе navbar-header над первым из этих DIV есть padding-left размером 33 пикселя (непосредственно в HTML-коде).Если вы удалите это, ваши DIV выстроятся вертикально

https://jsfiddle.net/zbxj63ou/

Answer 2

Ваш первый div получает дополнительное поле, поэтому, пожалуйста, добавьте CSS.

.marginLeftM {
 margin-left: 30px;
 clear: both;
 }