これは一般的な問題のようで、いくつかの解決策を試しましたが、うまくいかないようです。これらの各 div の間には 10 ピクセルのスペースが必要ですが、上部には 20 ピクセルほどあります。
行の高さ、パディング、マージン、配置、およびブロックを変更しました。たまたま空いてる
タグを削除します (これは別の問題です!)、そのタグを削除/マージンをリセットしても問題は解決しません。何か案は？
この画像では、CSS エディターで div を選択したことがわかります。上部に目に見えるパディングはありません (点線とマージンなしで示されます。ただし、内側の灰色の div と外側の白い div の間にはスペースがあります。 http://www.ims4u.net/settlements/
この質問は、スタイリングの一部としてcssリセットを実行する理由を示しています。ほとんどのブラウザには、ユーザーエクスペリエンスのルックアンドフィールを変更するデフォルトのスタイルがあります。
http://necolas.github.com/normalize.css/2.0.1/normalize.cssのような多数の機能/バグを考慮した本格的なリセットを含めることも、 http のようなもう少し軽量なものを含めることもできます。：//meyerweb.com/eric/tools/css/reset/。
これは、「Firefoxはなぜ...のように見えるのに、IEは...のように見えるのか」などの質問で頭を悩ませるのに役立ちます。
これらのいずれかを使用した場合、多くのブラウザがタグに追加するデフォルトの10pxのマージンが削除されますhtml（またはbodyタグですか？覚えていません...）
........デモ http://jsfiddle.net/46wGt/2/ ......................... ...
このcss を css ファイルに記述します。
#content.hfeed.content{
padding-top:0;
}
コンテナには、コンテンツと同様に 10px のパディングがあります。どちらかを削除すれば準備完了です。