4

次のコードがあり、 a 要素から赤が透けて見えるようにします。どうしてこれなの。a 要素はコンテンツのサイズまでしか拡大しないと思っていましたが、それよりも少し大きいようです。こちらのコードペンを参照してください http://codepen.io/anon/pen/soqEz。

HTML

<a href="#"><img src="http://placehold.it/150x150" /></a>

CSS

a{
  background: red;
  margin-bottom:0;
  padding-bottom:0;
  border-bottom:0;
}
img {
  margin-bottom:0;
  padding-bottom:0;
  border-bottom:0;
}

編集：以下の回答が表示されます...しかし、スペースがまったくある理由を誰でも説明できます（つまり、それがブロックレベルの要素であることを考えると...そもそもその目的は何ですか）...反対にそれを取り除こうとすることに。ありがとう

4

4 に答える 4

3

これはインライン要素であるためです。表示タイプを変更する

img {
    display:block;
}
于 2013-04-03T19:38:21.980 に答える
2

画像はinlineデフォルトで要素であるためです。ルールに追加display: blockして確認してください。img

于 2013-04-03T19:38:33.017 に答える