css - 水平对齐位置 :relative divs (CSS)

Question

我想在我的网站上执行此操作:http://project.jazzassite.tk 并能够将内容放入一个我可以居中或做任何我想做的事情的 div 中。唯一的问题是，如果我 float 它，它就不起作用，如果我使用 position:relative 它们会产生楼梯效果。

我希望我能够纯粹使用 CSS 来完成此操作，而不使用任何表格等。

感谢任何帮助， 爵士乐

Answer 1

是否要将包含所有 6 个子项的 navigate div 居中？如果是这样，这应该有效:

#navigate {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -540px;
    margin-top: -15px;
}

margin-left 是内容宽度的一半，然后取负值。 margin-right 是内容高度的一半，然后变为负数。这将使您的对象垂直和水平居中。这是您要查找的内容，还是我没有捕获要点？