设置自动边距，以便两个容器具有相同的宽度/左边距

Question

我有一个包含两个不同div的容器。

这是第一个div：

.div1 {
    width: 290px;
    float: left;
}

这是第二个div：

.div2 {
    width: calc(100% - 290px);
    float: left;
    padding-left: 80px;
    margin-top: -10px;
}

它们都嵌套在clearfix容器中：

container1 {
    max-width: 1350px;
    margin: 0 auto;
    padding: 0 15px;
} 

另外，我还有另一个类/容器：

.footer .container2 {
    float: left;
    padding-left: 0%;
}

而且我希望这个容器具有与上述容器相同的自动保证金。我试过计算宽度并设置自动页边距，但是由于div2使用100％的计算，因此我无法获得正确的宽度来进行自动页边距对齐。如何对齐两个容器，使它们具有相同的左边界？

换句话说，由于容器1中两个div的宽度，自动边距在容器的左侧设置了一定数量的边距X。在容器2中，我希望在容器左侧具有相同的x。我一直在尝试通过计算div1 + div2的总宽度并将container2的宽度设置为相同，以便自动边距将其赋予X。但是，由于.div2是相对于100％的，因此我无法去做这个。是否可以通过此方法或任何其他方法来获得所需的保证金？

Answer 1

为什么不从各个div中提取保证金计算，并使用container1元素来设置保证金，就像在container2中一样？