只需删除以下内容：

body {
    width: 960px;
    margin: 0 auto;
}

使用此：

• • 超文本标记语言**

<div class="content">test</div>
<div class="SideBarFirst">
    <div>not working for center</div>
</div>

• • 中央支助组：**

.content {width:500px; float : left;}

.SideBarFirst {width:460px; float : right;}

.SideBarFirst div {
    width: 40px;
    margin: 0 auto; 
}

See This Fiddle

你的问题是你把元素浮动到左边，这样它就会一直出现在左边。如果你想让它居中，把你的css修改成这样：

.content {width:500px; float : left;}

.SideBarFirst {width:460px; float : right;}

.SideBarFirst div {
    width: 40px;
    margin: 0 auto; 
}

同时删除以下内容：

body {
    width: 960px;
    margin: 0 auto;
}

您可以使用%

.SideBarFirst div {
    width: 40px;
    margin: 0 50%; 
}

或者你可以更残忍一点试试这个：

.SideBarFirst div {
    width: 40px;
    margin-left: 210px; 
}

弹性布局将无法正确地与这第二个代码
或者这个：

<div class="content">test</div>
<div class="SideBarFirst">
    <div align="center">not working for center</div>
</div>

再看看这个：How to horizontally center a in another ?

这一天的问题解决了显示器弯曲

.SideBarFirst {
    width:460px; 
    float: right;
    display: flex;
    align-items: center;
    justify-content: center;
}

顺便说一下，我们不能对正文应用边距或宽度