3

私は非常に非常に単純なhtmlを持っています。通常、HTMLのすべてが正常に機能しているように見えますが、この場合は機能しません。タグのサイズは子画像タグを継承する必要があると思います。ただし、以下の場合はサイズが異なります。

html：

<a href="."><img src="some image"></a>​

css：

a {
    border: 1px solid #000;
    width: auto;
    height: auto;
}

img {
    border: 1px solid #F00;
}
​

<a>画像のサイズを継承しないのはなぜですか？（http://jsfiddle.net/49ykj/を参照）

これはこれまでのところFirefoxとChromeの両方で発生しているため、すべてのブラウザで発生すると想定しています。これはバグですか？なぜそれはバグではないのですか？

4

1 に答える 1

6

これaは、 がインライン要素でimgあり、 がインライン ブロック要素であるために発生します。要素の cssdisplay属性をainline-block に変更すると、それらのサイズが同じであることがわかります。

バグではありません。これは css の性質であり、ほとんどのブラウザーが 2 つの要素の css 属性をそのように初期化するという事実です。

于 2012-12-19T23:35:51.610 に答える