どのようにCSSとWordPressの検索結果の投稿を正しく整列するには？

Question

3つの投稿を並べて整列したいので、右側のサイドバーに正しく調整したいので、私のサイトに問題があります。私はmargin-rightを使うので：18px;各ブロックの上に、メインページにある同じように、右コーナーに移動することはできません。ここにvirmodrosti.com

は問題です： http://www.virmodrosti.com/?s=minerali

はメインページと比較して、あなたは知っていますよ私が意味したのは。 画像を追加しましたwordpress theme

現在、各ポストブロックの幅は260pxです.264に変更すると、次の行にジャンプし、3つではなく2つのポストしか表示されません。

これらの問題を解決するには3つの問題がありますが、主な問題の解決策を知ってうれしいです。

ご連絡ありがとうございます。あなたが追加することができます

#content-a .post:nth-of-type(3n) { 
    margin-right: 0; 
} 

そして行方不明このマージンと幅を計算する：

Answer 1

あなたはこのように18pxの余白を削除するには、すべての第三.post要素にCSSを追加する必要があります

#content-a .post { 
    width: calc(33.33% - 12px); 
    /*12px = 18px margin * 2 and divided by the three columns)*/ 
} 

あなたのページは2つの列に分割されているので、上記の両方のコードスニペットをメディアクエリにラップする価値があります。例：

@media only screen and (min-width: 1000px){ 
    #content-a .post { 
     width: calc(33.33% - 12px); 
    } 
    #content-a .post:nth-of-type(3n) { 
     margin-right: 0; 
    } 
}