上記の JS フィドルを見てください。取り除けないゴーストマージンがいくつかありますが、なぜそこにあるのかわかりません??
Margin: 0; を試しました。しかし、それは機能していませんか?
<help></help>
何か助けはありますか?
トム
水平方向の目に見えないマージンを取り除くには、float を使用します。一方、垂直マージンはマージンではなく、画像で埋められなかった要素のスペースです(画像はアスペクト比を維持しようとするため)。それを取り除きたい場合は、画像を引き伸ばすことができますギャップを埋めるために。
あなたのフィドルをベースにして、これを試してください:
.content img {
width:100%;
height:100%;
}
.content a {
width:25%;
height: 100px;
float: left;
}
html マークアップの div 間のスペースと改行は、表示中の div 間のスペースの原因です。これらのスペースを削除するか、ここ<!-- spaces and linebreaks -->
のように html コメントを追加する必要があります。
ちなみに編集- あなたのマークアップは無効です。アイテムはの<li>
直接の子として使用する必要があります<ul>
-それに応じてフィドルを更新しました。