css - 为什么这些 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在那个元素上。