位置div中心页面

Question

有谁能告诉我为什么div id =“combinedClasp”中的图标不在页面的中心？

Page here

我设置了左边距离＆amp;保证金权利。我也玩过绝对和相对的定位，但它并没有达到它需要的地方。

如果我设置为位置相对并给它一个“左”值，我可以将它排成它需要的位置，但这只是我的屏幕，在不同的屏幕上它可能会再次出现。

任何帮助都会很棒......

Answer 1

去除边距，设置宽度为100％并添加text-align: center;。

Answer 2

这是因为div绝对定位所以无论边距是什么，它都会始终保持它的位置设置：top，right，bottom，left。

您应将left属性设置为733px

CSS：

#combinedClasp
{
    height: 75px;
    margin-left: auto;
    margin-right: auto;
    position: absolute;
    top: 331px;
    z-index: 2;
    left: 733px;
}