我有一个div，并希望它水平居中-尽管我给它的margin:0 auto;它不在中心……
.container {
position: absolute;
top: 15px;
z-index: 2;
width:40%;
max-width: 960px;
min-width: 600px;
height: 60px;
overflow: hidden;
background: #fff;
margin:0 auto;
}
当前回答
虽然上面的答案是正确的，但为了让新手更简单，你所需要做的就是设置左距和右距。下面的代码将提供宽度设置和位置是绝对的:
margin: 0 auto;
left: 0;
right: 0;
你也可以使用宽度的其他值，如max-content,fit-content等，如果你不想设置一个单位的值
演示:
.centeredBox { 保证金:0自动; 左:0; 右:0; /**位置为绝对*/ 位置:绝对的; 和框必须有一个宽度，任何宽度*/ 宽度:40%; 背景:# faebd7; ｝ <div class="centeredBox">居中框</div>
其他回答
虽然上面的答案是正确的，但为了让新手更简单，你所需要做的就是设置左距和右距。下面的代码将提供宽度设置和位置是绝对的:
margin: 0 auto;
left: 0;
right: 0;
你也可以使用宽度的其他值，如max-content,fit-content等，如果你不想设置一个单位的值
演示:
.centeredBox { 保证金:0自动; 左:0; 右:0; /**位置为绝对*/ 位置:绝对的; 和框必须有一个宽度，任何宽度*/ 宽度:40%; 背景:# faebd7; ｝ <div class="centeredBox">居中框</div>
这在IE8中不起作用，但可能是一个可以考虑的选项。如果您不想指定宽度，它主要是有用的。
.element
{
position: absolute;
left: 50%;
transform: translateX(-50%);
}
很简单，只使用margin和left, right属性:
.elements {
position: absolute;
margin-left: auto;
margin-right: auto;
left: 0;
right: 0;
}
你可以在这个技巧中看到更多=>如何在html- Obinb博客中设置div元素居中
这是一个链接，如果位置是绝对的，请使用这个使div在中心。
HTML:
<div class="bar"></div>
CSS:
.bar{
width:200px;
border-top:4px solid red;
position:absolute;
margin-left:auto;
margin-right:auto;
left:0;
right:0;
}
例子jsfiddle
你需要设置左:0和右:0。
这指定了距窗口边缘偏移的距离。
类似于'top'，但指定了框的右边距与框所在块的[左/左]边的[左/右]偏移的距离。
来源: http://www.w3.org/TR/CSS2/visuren.html#position-props
注意:元素的宽度必须小于窗口的宽度，否则它将占用整个窗口的宽度。 您可以使用媒体查询来指定最小裕度，然后对于较大的屏幕尺寸转换为自动。
.container { 左:0; 右:0; margin-left:汽车; margin-right:汽车; 位置:绝对的; 宽度:40%; 轮廓:1px纯黑色; 背景:白色; ｝ < div class = "容器" > 前额凹部。 水蛭。 连续的姿势在前额。 我们的射手，我们的眼睛，我们的眼睛，我们的眼睛。 连续的姿势在前额。 < / div >
