html - 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/