Div宽度等于图像子宽度

Question

我有以下HTML

<div class="test">
    <img src="... .png">
</div>

和这个CSS规则：

.test { background: red; }

默认div的宽度为100%。是否可以仅使用CSS将.test的宽度设置为.test内的图像宽度？

这意味着红色区域仅在透明的png下。

JSFIDDLE

Answer 1

更改容器的display属性：

.test {
  display:inline-block;
}

演示http://jsfiddle.net/3KtS6/5/

Answer 2

使用display:inline-block;

.test {
    background: red;
    display:inline-block;
}

http://jsfiddle.net/3KtS6/3/

Answer 3

如何将image的背景设置为红色：http://jsfiddle.net/3KtS6/2/？