Html 第N个孩子工作不正常，有时计数错误

我有问题：第n个孩子伪类。与主题一样，在某些情况下，它算错了，或者与媒体查询有关。 我想让我的模型贴在左边，我不能给它绝对的位置。。。 下面的代码是fiddle（）的一部分

检查JSiffle>

请注意，有媒体查询！当两个盒子排成一行时，一切正常。对于3个或更多的情态动词，至少有一个情态动词存在问题

希望有人知道该怎么做

您有一个输入错误：

替换

.content.box:第n个子项（2n+3）。所有框信息{

与：

---

.content.box:n个孩子（3n+2）。所有的box信息{

O M G…这就是我想要避免的。哈哈！我的错！简单等式中的错误。SRSLY？！谢谢你的帮助！

@media (min-width: 500px) and (max-width: 599px) {
.box {
    width: 33.333333333331%;
}
.content .box:nth-child(2) .all-box-info,
.content .box:nth-child(2n+3) .all-box-info {
    margin-left: -100%;
}
.content .box:nth-child(3) .all-box-info,
.content .box:nth-child(3n+3) .all-box-info {
    margin-left: -200%;
}
.content .box:nth-child(10) .all-box-info {
    margin-left: 0;
}
}