nth-child無法正常工作，有時計數是錯的

Question

我有問題：nth-​​child僞類。就這個話題而言，在某些情況下，它會錯誤地計算，或者與媒體查詢有關。 我希望我的模式堅持到左側，我不能給它定位絕對...下面 代碼是小提琴（http://jsfiddle.net/WThuW/3/）

@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; 
} 
} 

檢查的一部分JSFiffle>http://jsfiddle.net/WThuW/2/

請注意，有媒體查詢！當行中有2個盒子時，一切正常。有了3個以上，至少有一個模態存在問題。

希望有人知道該怎麼做！

Answer 1

你有一個錯字：

更換
.content .box:nth-child(2n+3) .all-box-info {
有：
.content .box:nth-child(3n+2) .all-box-info {