如何防止利润下降？

Question

问题：

我有两个具有相同CSS的div，但由于某种原因，第一个div 获得了余量，而第二个div 却没有。

Fiddle here

代码： 我正在使用引导程序，但除此之外，我还有这两个CSS规则，它们应该可以为我提供所需的余量。

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

.marginLeftM {
    margin-left: 30px
}

我知道利润率正在下降，但我不知道如何解决。

Answer 1

您的第一个div获得额外的利润，因此请添加CSS。

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

Answer 2

在第一个DIV上方的navbar-header元素中，有一个padding-left为33px（直接在HTML代码中）。如果将其删除，则DIV垂直排列

https://jsfiddle.net/zbxj63ou/