为什么这些div不排队？

Question

在这个示例中，http://jsfiddle.net/eVdFH/ div是如何对齐的？

为了使它们在中心对齐，我需要做些什么？

理论上，对于“导航”，它应该是set to center, set width of 600px, then moved left 300px so it is in the center

为什么他们不在中心对齐？

Answer 1

应该是：

#navigation {
    margin-left: -322.5px;
}

因为您在该元素上有padding: 20px;和border: 2.5px。