Css 保证金：0自动；做不到它应该做的

好的，我已经编辑了这个问题，因为问题稍微有点变化。基本利润率：0自动；在两个元素上对我不起作用。它们不会集中在页面的中间。我猜这个jsfiddle显示了一个很好的例子，假设顶部的红色框居中，其他div稍微向右浮动

CSS:

HTML:

HTML标题。链接到

您需要设置img元素的宽度

如果不这样做，img将占据其自然宽度。（这就是为什么它事先突出的原因）

#sliderFrame, .two-step, img
{
    margin: 0 auto; 
    width:968px;
}

---

我不知道你想要什么。因此，我假设您希望

div.two-step

与其他div对齐

你在CSS.slidingDiv中有一个类，但它没有在HTML中使用

#滑块帧{边距：0自动；宽度：990px}

.two-step {
width: 968px;
margin: 0 auto;
}

我还强制990px宽图像的宽度为968。。。 我想你想要什么就做什么。 看这把小提琴

---

这是通过对顶部菜单进行黑客攻击来解决的，因为顶部菜单稍微没有居中。

是否只包含相关位来设置？我不知道你指的是哪个“两个div”，因为你发布的代码中有很多div。对不起，我今天没听清楚！我已经更新了JSFIDLE以显示问题，但是去掉了所有过于复杂的内容，只是在底部使用了一个图像（浅蓝色条带），正如您所看到的，它的宽度不正确。图像本身很难解释，因为图像的类是“show hide”，它的css为display none，因此在JSFIDLE上实际上不可见。包含所有信息的页面都在这里，可以忽略以前的消息，我肯定没有搞错！更新的提琴在这里，我删除了“show hide”类，所以你现在可以看到底部的蓝色图像。html表示图像为968宽，而css表示滑块为968宽，但这不是它的显示方式。这是我能描述它的最好方式，希望这有帮助，有人可以提供建议！感谢各位的回复，我现在有了相同宽度的幻灯片框div和图片，但是问题是两者都没有正确居中。如果您查看live页面，它们的宽度相同，但顶部菜单居中，您可以看到sliderframe div和图像在页面上没有居中，滑动div用于整个“可折叠”块设置，基本上当您单击蓝色图像时，会出现另一个框，单击该框，然后出现另一个框，等等（slidingDiv，slidingDiv1，slidingDiv2等。那么为什么它在小提琴中？它一开始是错误的，现在不在那里。基本上我现在排序了，除了我现在有了sliderframe div和图像相同的宽度，但是问题是两者都没有正确居中。如果你看live页面，它们都是相同的宽度，但都是顶部菜单居中，如您所见，幻灯片框div和图像在paycoservices.co.uk/newsliderdev.asp#udq1thys1页面上没有居中

#sliderFrame, .two-step, img
{
    margin: 0 auto; 
    width:968px;
}

.two-step {
width: 968px;
margin: 0 auto;
}