は私のWebページ<a href="http://www.pointmovies.com/" rel="nofollow noreferrer">http://www.pointmovies.com/</a>は、一番下にあるスクロールバーを表示され、それが右側にあまり空きスペースを持っているように見えるの増加、ページ幅

Question

の理由を理解することはできません。私は自分のページの幅を増やしているのか、どうやって削除することができないのか分かりません。

これはワードプレスで5ポスト/物品が表示する一列になるよう、すべてのポストは、18％の幅とフロート左を有する物品（画像）です。しかし、この18％の幅のために、私のページ幅が増えているのが分かります。記事のCSSからこの18％を削除すると、ページは正常になります。

これは、ここで記事

width: 18%; 
float: left; 
margin: 0px 0px 0px 21px; 
min-height: 400px; 

ためのCSSはスクリーンショットです。下にあるはずのスクロールバーを確認してください。

Answer 1

あなたのCSSに

#main { 
overflow-x: hidden; 
} 

を追加します。あなたの他の問題については

。 #main後の最初のdivのスタイルは、次のようになります必要があります。それはあなたのサイトが適切に応答しない理由です。

margin: auto; 
width: 100%; 
max-width: 1170px; 
display: inline; 

Tamoor、overflow-Xは、左から右にそれを無効にします。

Answer 2

それを修正するために、このCSSを追加します。

#page{ 
overflow: hidden; 
}