Jquery 分区中心问题

我有940像素的主容器

主容器内有2个div，每个div的宽度为250px

我希望这些盒子居中，与主容器对齐。然而，问题是第二个div会动态添加。因此，如果第二个div不在那里，第一个div应该居中。当添加第二个div时，应根据940 px主div确定这两个div

我试了很多，但没有找到解决办法。请帮忙

这是简化的代码

CSS

HTML

谢谢

请清楚说明：两者都是；阶级

CSS

在您的div.box css中尝试此功能

对于演示chk，只需添加边距：auto；到你的分区箱，它会在中间

编辑： 这里有隐藏的第二部分。权利和它的工作罚款

---

现在按Ctrl键并加-减号，查看其中心位置

源代码在哪里？这里图片不显示我还不能发布图片，所以我编辑了我的评论。添加代码以供参考。OP希望div位于中心，检查您的JSFIDLE它的not SOLVEDTHANK这么多。但是有没有一个解决方案可以让这些代码在IE7中运行。谢谢回复。但是当你尝试移除第二个盒子时。第一个框在示例中不居中。

   div.box {
    background: #EEE;
    height: 400px;
    width: 940px;
}
div.left {
    background: #999;
    float: left;
    height: 390px;
    width: 250px;
}
div.right {
    background: #666;
    height: 390px;
    width: 250px;
    float: left;
}
div.clear {
    clear: both;
}

 <div class="box">

       <div class="left">Tree</div>
       <div class="right">View</div> ( this div will dynamically add)
       <div class="clear" />

    </div>

  div.box {
    width: 940px;
    background: #EEE;
    height: 400px;
    display: table;
    padding:10px;
}
div.left {
    background: #999;
    display: table-cell;
    width: 250px;
}
div.right {
    background: #666;
    display: table-cell;
    width: 250px;
}

 margin:0px auto;